reactjs
diff --git a/‎src/app/layout.tsx‎
Lines changed: 4 additions & 1 deletion b/‎src/app/layout.tsx‎
Lines changed: 4 additions & 1 deletion
diff --git a/‎src/app/learn/layout.tsx‎
Lines changed: 1 addition & 1 deletion b/‎src/app/learn/layout.tsx‎
Lines changed: 1 addition & 1 deletion
@@ -161,7 +161,10 @@ const FONT_PRELOADS = [
 export default function RootLayout({children}: {children: React.ReactNode}) {
   const gaId = process.env.NEXT_PUBLIC_GA_TRACKING_ID;
   return (
-    <html lang={siteConfig.languageCode} dir={siteConfig.isRTL ? 'rtl' : 'ltr'}>
+    <html
+      lang={siteConfig.languageCode}
+      dir={siteConfig.isRTL ? 'rtl' : 'ltr'}
+      suppressHydrationWarning>
       <head>
         <script
           id="theme-init"
 
@@ -28,7 +28,7 @@ export default function LearnLayout({children}: {children: React.ReactNode}) {
             <SidebarNav routeTree={routeTree} breadcrumbs={breadcrumbs} />
           </div>
         </div>
-        {children}
+        <React.Fragment key={pathname}>{children}</React.Fragment>
       </div>
     </>
   );