Fill in serverside theme when no client preference is set

regalijan · Oct 19, 2023 · f298775 · f298775
1 parent 969fab8
commit f298775
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -13,7 +13,6 @@ import globalStyles from "../index.css";
 import {
   isRouteErrorResponse,
   Links,
-  LiveReload,
   Meta,
   Outlet,
   Scripts,
@@ -148,15 +147,16 @@ function getMarkup(
         <StrictMode>
           <ChakraProvider
             colorModeManager={cookieStorageManagerSSR(
-              typeof document === "undefined" ? "" : document.cookie
+              typeof document === "undefined"
+                ? `chakra-ui-color-mode=${loaderData.theme}`
+                : document.cookie
             )}
             theme={theme}
           >
             <div className="App">
               <Navigation {...loaderData} />
               {children}
               <Scripts />
-              <LiveReload />
             </div>
           </ChakraProvider>
         </StrictMode>