First method: You can use middleware that get header within it. And then you can import it to your client-sided code.

Second method: You can use server component like before.

If you need detailed code, please feel free to contact me.

How would look this example?

Looks like easier method

You mean above methods are too easy?

Yep, but when i have for every path make server component, rather not 😄 Or if i do not need? Still i dont know it this great

Not too easy

Just looks like easier 😄

so you mean do you have any other opinion? just tell me about it.

No i dont, thats the reason why am i asking for an example

i don't think it is not so hard to making the server component that get the header

How looks example with middleware?

I cant imagine it

If you have to use header in many components, it can be straightforward method.

I do, in every component.

you mean every component need header?

I mean not every, cause i can save it to cookies

oh can you send me your issue image?

I have no issue just wonder how to get headers in client side renderring

Getting header is server side option so you have to use server component. It is the only way I think so.

Soo no middleware.ts?

Use a context provider in your layout to feed server components with the header.