ccopeland/red
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(04-03): move ssr:false dynamic import into client wrapper to fix DOMMatrix SSR error

Browse Source
This commit is contained in:
Chandler Copeland
2026-03-19 22:01:58 -06:00
parent 025d9896ed
commit 6c5e4afd86
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/PdfViewerWrapper.tsx Normal file
View File

@@ -0,0 +1,8 @@
'use client';
import dynamic from 'next/dynamic';
const PdfViewer = dynamic(() => import('./PdfViewer').then(m => m.PdfViewer), { ssr: false });
export function PdfViewerWrapper({ docId }: { docId: string }) {
return <PdfViewer docId={docId} />;
}

4
teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
View File

@@ -4,7 +4,7 @@ import { db } from '@/lib/db';
import { documents, clients } from '@/lib/db/schema'; import { documents, clients } from '@/lib/db/schema';
import { eq } from 'drizzle-orm'; import { eq } from 'drizzle-orm';
import Link from 'next/link'; import Link from 'next/link';
import { PdfViewer } from './_components/PdfViewer'; import { PdfViewerWrapper } from './_components/PdfViewerWrapper';
export default async function DocumentPage({ export default async function DocumentPage({
params, params,
@@ -37,7 +37,7 @@ export default async function DocumentPage({
<p className="text-sm text-gray-500">{doc.client?.name}</p> <p className="text-sm text-gray-500">{doc.client?.name}</p>
</div> </div>
</div> </div>
<PdfViewer docId={docId} /> <PdfViewerWrapper docId={docId} />
</div> </div>
); );
} }