diff --git a/src/lib/components/Flowbite/ThemeContext.tsx b/src/lib/components/Flowbite/ThemeContext.tsx index 5396e2f27..0b87435eb 100644 --- a/src/lib/components/Flowbite/ThemeContext.tsx +++ b/src/lib/components/Flowbite/ThemeContext.tsx @@ -31,7 +31,7 @@ export function useTheme(): ThemeContextProps { } export const useThemeMode = (): [Mode, React.Dispatch>, () => void] => { - const userPreferenceIsDark = () => window.matchMedia?.('(prefers-color-scheme: dark)').matches; + const userPreferenceIsDark = () => windowExists() && window.matchMedia?.('(prefers-color-scheme: dark)').matches; const getPrefersColorScheme = (): Mode => (userPreferenceIsDark() ? 'dark' : 'light'); const onToggleMode = () => { const newMode = mode === 'dark' ? 'light' : 'dark';