how do i send httponly cookie with fetch request in nextjs

I’ve completed this guide guide and now want to retrieve user details using a server component, but my cookie doesn’t appear to be in the request.

I customised my profile page and made it into a server component, but when I reload the page to call the fetch request, no token cookie is present. I have checked this with the following lines of code in the route handler

    const token = request.cookies.get("token")?.value || "";
    console.log(token, "token");