From 01e345c3e18e088bbf4367fbdaeffbd85bb89df2 Mon Sep 17 00:00:00 2001 From: Khalid Abdi Date: Mon, 1 Jun 2026 21:03:19 +0300 Subject: [PATCH] Suppress body hydration warning from browser-extension attributes Extensions like ColorZilla inject attributes (cz-shortcut-listen) into before React hydrates, causing a benign hydration mismatch. suppressHydrationWarning on is the standard fix; it only ignores attribute diffs on itself, not its children. Co-Authored-By: Claude Opus 4.8 --- frontend/app/layout.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx index 80c3c72..927ba5c 100644 --- a/frontend/app/layout.tsx +++ b/frontend/app/layout.tsx @@ -31,7 +31,15 @@ export default function RootLayout({ lang="en" className={cn("dark", "h-full", "antialiased", geistSans.variable, geistMono.variable, "font-sans", inter.variable)} > - {children} + {/* suppressHydrationWarning: browser extensions (e.g. ColorZilla's + cz-shortcut-listen) mutate before hydration. Only ignores + attribute diffs on itself, not its children. */} + + {children} + ); }