Skip to content

Commit d00dfdc

Browse files
committed
fix: wrap useSearchParams in Suspense boundary for static build
1 parent 6eea1bf commit d00dfdc

1 file changed

Lines changed: 10 additions & 2 deletions

File tree

app/customize/page.tsx

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
'use client';
22

3-
import { useCallback, useEffect, useRef, useState, type ReactElement } from 'react';
3+
import { useCallback, useEffect, useRef, useState, Suspense, type ReactElement } from 'react';
44
import { useRouter, useSearchParams } from 'next/navigation';
55
import { validateGitHubUsername } from '@/lib/validations';
66
import Link from 'next/link';
@@ -24,7 +24,7 @@ import { getExportSnippet, buildQueryParams } from './utils';
2424

2525
// ─── Main Page ────────────────────────────────────────────────────────────────
2626

27-
export default function CustomizePage(): ReactElement {
27+
function CustomizePageInner(): ReactElement {
2828
const [username, setUsername] = useState('');
2929
const [theme, setTheme] = useState('dark');
3030
const [bgHex, setBgHex] = useState('');
@@ -613,3 +613,11 @@ export default function CustomizePage(): ReactElement {
613613
</div>
614614
);
615615
}
616+
617+
export default function CustomizePage(): ReactElement {
618+
return (
619+
<Suspense fallback={<div className="min-h-screen bg-transparent" />}>
620+
<CustomizePageInner />
621+
</Suspense>
622+
);
623+
}

0 commit comments

Comments
 (0)