repi/agentlens
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: wrap TraceList in Suspense boundary and mark dashboard as dynamic route

Browse Source 
Next.js 15 requires useSearchParams() to be within a Suspense boundary for production builds
This commit is contained in:
Vectry
2026-02-10 00:51:22 +00:00
parent 1989366844
commit 93e69105ea
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/web/src/app/dashboard/page.tsx
View File

@@ -1,5 +1,8 @@
import { Suspense } from "react";
import { TraceList } from "@/components/trace-list"; import { TraceList } from "@/components/trace-list";
export const dynamic = "force-dynamic";
interface TracesResponse { interface TracesResponse {
traces: Array<{ traces: Array<{
id: string; id: string;
@@ -53,11 +56,13 @@ export default async function DashboardPage() {
const data = await getTraces(50, 1); const data = await getTraces(50, 1);
return ( return (
<TraceList <Suspense fallback={<div className="p-8 text-zinc-400">Loading traces...</div>}>
initialTraces={data.traces} <TraceList
initialTotal={data.total} initialTraces={data.traces}
initialTotalPages={data.totalPages} initialTotal={data.total}
initialPage={data.page} initialTotalPages={data.totalPages}
/> initialPage={data.page}
/>
</Suspense>
); );
} }