How to send setState functions from Root layout down to client components

[soft frigate]

My root layout will render an alert component which will have a message state and a open state. I want my other client components down the tree to be able to change the states of my alert component. How would I do this? I'm thinking of using React's Context API or redux.

[gray basin]

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)

[ember galleon]

it is better to use context, redux or zustand for that

[soft frigate]

Ok just to confirm, I can't do it without context/redux or some other library?

[ember galleon]

you can't do it on root layout because root layout cannot be client component. so you can't do it without global state

[soft frigate]

What do you mean by root layout cannot be client component without global state?
I can make the root layout a client component

[ember galleon]

well the doc said root layout cannot be client component before but I couldn't find it now, maybe updated

[soft frigate]

Thanks anyways, I'm gonna try use context