Hi all, i'm trying to send my token that is present in cookies to my api but it seems nextjs doesn't include cookies when trying to fetch from server component, this is what i'm trying to do :-

const getUserSession = async () => {
  try {
    const response = await fetch("http://localhost:3000/api/user/me") // should include token in cookie
    const data = await response.data()
    if (!response.ok) throw new Error(data.message);
    return data.data as Token
  } catch (err) {
    return null;
  }
}

const Navbar = async () => {
  const session = await getUserSession();
  console.log(session) // null
  return session ? <button>logout</button> : <button>login</button>
}

export default Navbar;

If i navigate to application, i have a valid token present in my cookies, it just doesn't work this way as mentioned above. When i debug the token in /me route handler, it is an empty string.

Can someone help?