Fix fumadocs style conflict by isolating RootProvider to docs layout only

Copilot · hotlong · Copilot · commit a446d4a29c9f · 2026-01-20T06:26:58.000Z
Co-authored-by: hotlong &lt;50353452+hotlong@users.noreply.github.com&gt;
diff --git a/apps/site/app/docs/layout.tsx b/apps/site/app/docs/layout.tsx
@@ -1,11 +1,14 @@
 import { source } from '@/lib/source';
 import type { ReactNode } from 'react';
 import { DocsLayout } from 'fumadocs-ui/layouts/docs';
+import { RootProvider } from 'fumadocs-ui/provider';
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
-    <DocsLayout tree={source.pageTree} nav={{ title: 'Object UI' }}>
-      {children}
-    </DocsLayout>
+    <RootProvider>
+      <DocsLayout tree={source.pageTree} nav={{ title: 'Object UI' }}>
+        {children}
+      </DocsLayout>
+    </RootProvider>
   );
 }
diff --git a/apps/site/app/layout.tsx b/apps/site/app/layout.tsx
@@ -1,13 +1,10 @@
 import './global.css';
-import { RootProvider } from 'fumadocs-ui/provider';
 import type { ReactNode } from 'react';
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <body>
-        <RootProvider>{children}</RootProvider>
-      </body>
+      <body>{children}</body>
     </html>
   );
 }
