fix(build): extract FeedbackOverlay to client wrapper to prevent ssr:false error in Server Component

2026-02-22 12:51:59 +01:00
parent a6dcc64833
commit 4b2638caed
2 changed files with 20 additions and 9 deletions
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -7,11 +7,11 @@ import AnalyticsShell from '@/components/analytics/AnalyticsShell';
 import { Metadata, Viewport } from 'next';
 import { NextIntlClientProvider } from 'next-intl';
 import { getMessages } from 'next-intl/server';
-import dynamic from 'next/dynamic';
 import { Suspense } from 'react';
 import '../../styles/globals.css';
 import { SITE_URL } from '@/lib/schema';
 import { config } from '@/lib/config';
+import FeedbackClientWrapper from '@/components/FeedbackClientWrapper';
 import { setRequestLocale } from 'next-intl/server';
 import { Inter } from 'next/font/google';

@@ -127,13 +127,6 @@ export default async function Layout(props: {
  // Read directly from process.env — bypasses all abstraction to guarantee correctness
  const feedbackEnabled = process.env.NEXT_PUBLIC_FEEDBACK_ENABLED === 'true';

-  const FeedbackOverlay = feedbackEnabled
-    ? dynamic(
-        () => import('@mintel/next-feedback/FeedbackOverlay').then((mod) => mod.FeedbackOverlay),
-        { ssr: false },
-      )
-    : null;
-
  return (
    <html lang={safeLocale} className={`scroll-smooth overflow-x-hidden ${inter.variable}`}>
      <head>
@@ -158,7 +151,7 @@ export default async function Layout(props: {
          <CMSConnectivityNotice />

          <AnalyticsShell />
-          {FeedbackOverlay && <FeedbackOverlay />}
+          <FeedbackClientWrapper feedbackEnabled={feedbackEnabled} />
        </NextIntlClientProvider>
      </body>
    </html>