u pass the token down from a rsc

or u build a hook that will be populated when layout mounts

with the token

Are you using any authentication library

No, using a laravel api.

Passing the token down to RSC is a good approach but I want to make the token access centrally on a Authorization headers.

well, you can also create a function that uses the token with react query and the use that for your auth queries

I was using server actions to get Http only cookies and it works but that might not be a good approach. It is calling middleware everytime even though sending request from react query.

Better still you can use a hook

But how do I populate my hook, by passing tokens from layout and store it in a global context?

But I had read to not store HTTP only cookies in redux or context etc

Okay, so after logging in you can just store your tokens somewhere globally right

Also you can access cookies in your client components as well

Not HTTP only cookies

Just do what gin said. Get the cookie from the server component and pass it to the client component via prop.

By the way the whole point of http only cookie is to not make it available to client side JavaScript so what you are doing just… defeats the whole purpose? Why did you make it a http only cookie in the first place