chore(apps/web): Dynamically import the Shell component in a client c…

…omponent instead
cartesi · Jan 6, 2025 · 6cffbc5 · 6cffbc5
1 parent 0310d23
commit 6cffbc5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
@@ -6,9 +6,9 @@ import "@mantine/notifications/styles.css";
 import { Analytics } from "@vercel/analytics/react";
 import { SpeedInsights } from "@vercel/speed-insights/next";
 import { Metadata } from "next";
-import dynamic from "next/dynamic";
 import type { FC, ReactNode } from "react";
 import { Providers } from "../providers/providers";
+import { Shell } from "../components/layout/shell-container";
 
 export const metadata: Metadata = {
     title: {
@@ -22,9 +22,6 @@ export const metadata: Metadata = {
     },
 };
 
-const Shell = dynamic(() => import("../components/layout/shell"), {
-    ssr: false,
-});
 interface LayoutProps {
     children: ReactNode;
 }

diff --git a/apps/web/src/components/layout/shell-container.tsx b/apps/web/src/components/layout/shell-container.tsx
@@ -0,0 +1,6 @@
+"use client";
+import dynamic from "next/dynamic";
+
+export const Shell = dynamic(() => import("./shell"), {
+    ssr: false,
+});