fix(ssr): attempt to fix theme flashing

2023-11-08 19:43:19 +00:00
parent 3341f07136
commit 736f286d66
2 changed files with 18 additions and 13 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -1,4 +1,5 @@
 import AppProvider from "@/components/AppProvider";
+import { ThemeProvider } from "@/components/ui/theme-provider";
 import ssrSettings from "@/ssrSettings.json";
 import clsx from "clsx";
 import { Metadata } from "next";
@ -52,7 +53,14 @@ export default function RootLayout({
      />

      <body className={clsx(font.className, "text-primary")}>
-        <AppProvider>{children}</AppProvider>
+        <ThemeProvider
+          storageKey="ssr-theme"
+          attribute="class"
+          defaultTheme="dark"
+          enableSystem
+        >
+          <AppProvider>{children}</AppProvider>
+        </ThemeProvider>
      </body>
    </html>
  );