fix: Remove dev overlay from prod builds

sunaurus · Mar 30, 2024 · ad1630a · ad1630a
1 parent 1bdaf41
commit ad1630a
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -10,7 +10,6 @@ import { TopLoader } from "@/app/(ui)/TopLoader";
 import { ThemePicker } from "@/app/(theme)/ThemePicker";
 import { THEME_COOKIE_NAME, ThemeName } from "@/app/(theme)/themes";
 import { cookies } from "next/headers";
-import { HydrationOverlay } from "@builder.io/react-hydration-overlay";
 
 export const generateMetadata = async (): Promise<Metadata> => {
   const site = await apiClient.getSite();
@@ -86,13 +85,11 @@ const RootLayout = (props: Props) => {
         className={`relative flex min-h-screen w-full flex-col overflow-x-clip bg-neutral-900
           text-neutral-300`}
       >
-        <HydrationOverlay>
-          <TopLoader />
-          <Navbar />
+        <TopLoader />
+        <Navbar />
 
-          <main className={"mb-auto w-full"}>{props.children}</main>
-          <Footer />
-        </HydrationOverlay>
+        <main className={"mb-auto w-full"}>{props.children}</main>
+        <Footer />
       </body>
     </html>
   );