How to pass props up to Layout in App Router?

[sterile lintel]

So I have my RootLayout which contains a <Navbar> component that takes a "user" prop and isLogged prop. When a user logs in to my site, I want the navbar to change to display the username and some other data from this "user" prop.

However, my login page is a lower level component so how would I pass the props up to my RootLayout? Or is there some other way for me to go about this?

[upper prairie]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[thorn axle]

hi, you could run a function directly inside Navbar to check the auth state and use cache from react to wrap the function if its being called by multiple place in the same layout

[sterile lintel]

so like make a request to the backend in the navbar component to check for user authentication instead of having it be a prop?

also im not familiar with cache in react what would that do in this case

[thorn axle]

yep

you can fetch whatever data you need in a server component