chore: Disable hydration warnings on dark mode class injection

47ng · Feb 13, 2025 · 427e7f6 · 427e7f6
1 parent 223609e
commit 427e7f6
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/docs/src/app/layout.tsx b/packages/docs/src/app/layout.tsx
@@ -33,7 +33,12 @@ export const metadata = {
 export default function Layout({ children }: { children: ReactNode }) {
   const enableChiffreAnalytics = process.env.VERCEL_ENV === 'production'
   return (
-    <html lang="en" className={cn(inter.className, 'antialiased')}>
+    <html
+      lang="en"
+      className={cn(inter.className, 'antialiased')}
+      // https://github.com/shadcn-ui/ui/issues/5552#issuecomment-2435024526
+      suppressHydrationWarning
+    >
       <body>
         <Banner
           variant="rainbow"