Context Propagation

Source Code

const ThemeCtx = createContext("light");
 
function ThemedButton() {
  const theme = useContext(ThemeCtx);
  return <button>{theme}</button>;
}
 
function App() {
  return (
    <ThemeCtx.Provider value="dark">
      <ThemedButton />
    </ThemeCtx.Provider>
  );
}

Component Tree

waiting

Context Registry

no context registered

Consumer State

no consumers subscribed