From 77e5d5045790abbeae31f97c55fe44b03207b398 Mon Sep 17 00:00:00 2001
From: DukeManh <manhducdkcb@gmail.com>
Date: Sun, 30 Jan 2022 12:00:16 -0500
Subject: [PATCH] Add a default state to useMedia hook

---
 src/web/src/hooks/use-preferred-theme.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/web/src/hooks/use-preferred-theme.ts b/src/web/src/hooks/use-preferred-theme.ts
index 1f361a40b8..2f2065e472 100644
--- 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'