fix: Suppress hydration warnings from browser extensions

- Add suppressHydrationWarning to html and body elements - Prevents FoxClocks and other extensions from causing errors - Extensions modifying DOM won't break React hydration
2026-03-21 13:09:31 +02:00
parent 3aaad57076
commit 0831968881
1 changed files with 5 additions and 2 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -17,14 +17,17 @@ export const metadata: Metadata = {
  },
 };

+// Suppress extension-caused hydration warnings
+const suppressHydrationWarning = true;
+
 export default function RootLayout({
  children,
 }: {
  children: React.ReactNode;
 }) {
  return (
-    <html lang="en">
-      <body className="antialiased">
+    <html lang="en" suppressHydrationWarning>
+      <body className="antialiased" suppressHydrationWarning>
        <ErrorBoundary>
          {children}
        </ErrorBoundary>