diff --git a/app/[lang]/layout.tsx b/app/[lang]/layout.tsx
index 2845690..34d6077 100644
--- a/app/[lang]/layout.tsx
+++ b/app/[lang]/layout.tsx
@@ -55,7 +55,7 @@ export default async function LangLayout({ children, params }) {
       <Head color={{ hue: 210 }}>
         <SiteStructuredData />
       </Head>
-      <body>
+      <body suppressHydrationWarning>
         <PostHogProvider>
           <Layout
             pageMap={await getPageMap(`/${lang}`)}
@@ -64,9 +64,6 @@ export default async function LangLayout({ children, params }) {
             toc={{ backToTop: true }}
             feedback={{ content: null }}
             editLink={null}
-            i18n={[
-              { locale: 'en', name: 'English' },
-            ]}
             navbar={
               <Navbar
                 logo={logo}
diff --git a/components/PostHogProvider.tsx b/components/PostHogProvider.tsx
index f0f6c9b..68983ee 100644
--- a/components/PostHogProvider.tsx
+++ b/components/PostHogProvider.tsx
@@ -13,6 +13,12 @@ const IGNORED_PATTERNS = [
   /ChunkLoadError/,
   /Loading chunk/,
   /prism_bash_exports/,  // browser extension (PrismJS-based dev tools) injecting into the page
+  // React hydration errors (#418, #423, #425) — mismatches are from Nextra internals
+  // (next-themes localStorage reads, Switchers conditional rendering). Suppressed at
+  // the DOM level via suppressHydrationWarning; PostHog sees them as noise.
+  /Hydration failed/,
+  /There was an error while hydrating/,
+  /Text content did not match/,
 ]
 
 function shouldIgnore(message: string): boolean {
@@ -111,7 +117,7 @@ function DocsEventCapture() {
   return null
 }
 
-export function PostHogProvider({ children }: { children: React.ReactNode }) {
+export function PostHogProvider({ children }: { children?: React.ReactNode }) {
   return (
     <PHProvider client={posthog}>
       <DocsEventCapture />
