From 450e7e8d00ba407d8f6b6d3cd0bffb714495a2f4 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Mon, 3 Aug 2026 18:29:22 +0200
Subject: [PATCH] fix: suppress hydration warning on html for theme-init class

theme-init.js adds the 'dark' class to <html> before React hydrates,
causing a hydration mismatch (React #418) for users with a saved dark
theme. Mark the root element with suppressHydrationWarning.
---
 src/app/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7fb72146..6139138d 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -52,7 +52,7 @@ export default async function RootLayout({
 	const nonce = (await headers()).get("x-nonce") ?? undefined;
 
 	return (
-		<html lang={locale} className="app">
+		<html lang={locale} className="app" suppressHydrationWarning>
 			<head>
 				<meta name="theme-default-dark" content={String(defaultDark)} />
 				<link rel="preconnect" href="https://fonts.googleapis.com" />