A component calls useContext(ThemeCtx) but renders outside any ThemeCtx.Provider in the tree. What value does it receive?

const ThemeCtx = createContext('light'); function Badge() { const theme = useContext(ThemeCtx); // no Provider above return <span>{theme}</span>; }