I have a component which is basically some reactive links on my nav bar, if the user is signed in and a cookie token is stored it will render a certain UI and vice versa.

When a user logs in and is redirected to the next page, sometimes the nav bar updates to reflect that he is logged in, however if I try that again, with the same username and password (also different username and pass), it doesn't work....

I can't figure out what makes it render/stop rendering randomly.

this is how I get the token:

const token = await getToken();

This is getToken():

"use server";
import { cookies } from "next/headers";

export async function getToken() {
    return cookies().get("token");
}

This component is in the RootLayout file for the application.

 <Component />