fix: move ShaderGradientBackground dynamic import into client wrapper

next/dynamic with ssr:false is not allowed in Server Components. Follows existing BackgroundBlobsClient pattern. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-02 01:03:51 +01:00
parent 8b440dd60b
commit ef72f5fc58
2 changed files with 18 additions and 7 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,16 +2,11 @@ import "./globals.css";
 import { Metadata } from "next";
 import { Inter, Playfair_Display } from "next/font/google";
 import React from "react";
-import dynamic from "next/dynamic";
 import ClientProviders from "./components/ClientProviders";
+import ShaderGradientBackgroundClient from "./components/ShaderGradientBackgroundClient";
 import { cookies } from "next/headers";
 import { getBaseUrl } from "@/lib/seo";

-const ShaderGradientBackground = dynamic(
-  () => import("./components/ShaderGradientBackground"),
-  { ssr: false, loading: () => null }
-);
-
 const inter = Inter({
  variable: "--font-inter",
  subsets: ["latin"],
@@ -41,7 +36,7 @@ export default async function RootLayout({
      </head>
      <body className={`${inter.variable} ${playfair.variable}`} suppressHydrationWarning>
        <div className="grain-overlay" aria-hidden="true" />
-        <ShaderGradientBackground />
+        <ShaderGradientBackgroundClient />
        <ClientProviders>{children}</ClientProviders>
      </body>
    </html>