diff --git a/.changeset/pretty-cougars-walk.md b/.changeset/pretty-cougars-walk.md new file mode 100644 index 00000000000..b95f5d245be --- /dev/null +++ b/.changeset/pretty-cougars-walk.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +ThemeProvider: Fix `setColorMode`. Broken in `34.6.0` diff --git a/src/ThemeProvider.tsx b/src/ThemeProvider.tsx index 89ca306fd3a..1162d939f7e 100644 --- a/src/ThemeProvider.tsx +++ b/src/ThemeProvider.tsx @@ -99,7 +99,11 @@ export const ThemeProvider: React.FC = ({children, ...props} // Update state if props change React.useEffect(() => { setColorMode(props.colorMode ?? fallbackColorMode ?? defaultColorMode) - }, [props.colorMode, resolvedColorMode, fallbackColorMode]) + }, [props.colorMode, fallbackColorMode]) + + React.useEffect(() => { + setColorMode(resolvedColorMode) + }, [resolvedColorMode]) React.useEffect(() => { setDayScheme(props.dayScheme ?? fallbackDayScheme ?? defaultDayScheme)