Add a default state to useMedia hook

Seneca-CDOT · Jan 30, 2022 · 77e5d50 · 77e5d50
1 parent a24db81
commit 77e5d50
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/web/src/hooks/use-preferred-theme.ts b/src/web/src/hooks/use-preferred-theme.ts
@@ -5,7 +5,7 @@ import { useLocalStorage, useMedia } from 'react-use';
  * loads of the app, and initial logic to get the browser's preferred colour.
  */
 export default function usePreferredTheme() {
-  const isDarkThemePreferred = useMedia('(prefers-color-scheme: dark)');
+  const isDarkThemePreferred = useMedia('(prefers-color-scheme: dark)', false);
   const [preferredTheme, setPreferredTheme] = useLocalStorage(
     'preference:theme',
     isDarkThemePreferred ? 'dark' : 'light'