Global State

To share a state between client components in different parts of the component tree, you can create a provider with React Context and wrap your components with it, or a Zustand store for a simpler implementation.
ThemeProvider
Server component
Server component
Client component: yellow