mmintel/klz-cables.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(build): extract FeedbackOverlay to client wrapper to prevent ssr:false error in Server Component
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 7s
Details
Build & Deploy / 🧪 QA (push) Successful in 3m3s
Details
Build & Deploy / 🏗️ Build (push) Successful in 2m41s
Details
Build & Deploy / 🚀 Deploy (push) Successful in 31s
Details
Build & Deploy / 🧪 Smoke Test (push) Successful in 1m32s
Details
Build & Deploy / 📸 Visual Diff (push) Failing after 2m4s
Details
Build & Deploy / 🛡️ Quality Gates (push) Failing after 2m25s
Details
Build & Deploy / ⚡ Lighthouse (push) Successful in 6m26s
Details
Build & Deploy / ♿ WCAG (push) Successful in 5m47s
Details
Build & Deploy / 🔔 Notify (push) Successful in 1s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-02-22 12:51:59 +01:00
parent a6dcc64833
commit 4b2638caed
2 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/[locale]/layout.tsx
View File

@@ -7,11 +7,11 @@ import AnalyticsShell from '@/components/analytics/AnalyticsShell';
import { Metadata, Viewport } from 'next'; import { Metadata, Viewport } from 'next';
import { NextIntlClientProvider } from 'next-intl'; import { NextIntlClientProvider } from 'next-intl';
import { getMessages } from 'next-intl/server'; import { getMessages } from 'next-intl/server';
import dynamic from 'next/dynamic';
import { Suspense } from 'react'; import { Suspense } from 'react';
import '../../styles/globals.css'; import '../../styles/globals.css';
import { SITE_URL } from '@/lib/schema'; import { SITE_URL } from '@/lib/schema';
import { config } from '@/lib/config'; import { config } from '@/lib/config';
import FeedbackClientWrapper from '@/components/FeedbackClientWrapper';
import { setRequestLocale } from 'next-intl/server'; import { setRequestLocale } from 'next-intl/server';
import { Inter } from 'next/font/google'; 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 // Read directly from process.env — bypasses all abstraction to guarantee correctness
const feedbackEnabled = process.env.NEXT_PUBLIC_FEEDBACK_ENABLED === 'true'; 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 ( return (
<html lang={safeLocale} className={`scroll-smooth overflow-x-hidden ${inter.variable}`}> <html lang={safeLocale} className={`scroll-smooth overflow-x-hidden ${inter.variable}`}>
<head> <head>
@@ -158,7 +151,7 @@ export default async function Layout(props: {
<CMSConnectivityNotice /> <CMSConnectivityNotice />
<AnalyticsShell /> <AnalyticsShell />
{FeedbackOverlay && <FeedbackOverlay />} <FeedbackClientWrapper feedbackEnabled={feedbackEnabled} />
</NextIntlClientProvider> </NextIntlClientProvider>
</body> </body>
</html> </html>

18
components/FeedbackClientWrapper.tsx Normal file
View File

@@ -0,0 +1,18 @@
'use client';
import dynamic from 'next/dynamic';
const FeedbackOverlay = dynamic(
() => import('@mintel/next-feedback/FeedbackOverlay').then((mod) => mod.FeedbackOverlay),
{ ssr: false },
);
interface FeedbackClientWrapperProps {
feedbackEnabled: boolean;
}
export default function FeedbackClientWrapper({ feedbackEnabled }: FeedbackClientWrapperProps) {
if (!feedbackEnabled) return null;
return <FeedbackOverlay />;
}