fix: wrap TraceList in Suspense boundary and mark dashboard as dynamic route
Next.js 15 requires useSearchParams() to be within a Suspense boundary for production builds
This commit is contained in:
@@ -1,5 +1,8 @@
|
||||
import { Suspense } from "react";
|
||||
import { TraceList } from "@/components/trace-list";
|
||||
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
interface TracesResponse {
|
||||
traces: Array<{
|
||||
id: string;
|
||||
@@ -53,11 +56,13 @@ export default async function DashboardPage() {
|
||||
const data = await getTraces(50, 1);
|
||||
|
||||
return (
|
||||
<TraceList
|
||||
initialTraces={data.traces}
|
||||
initialTotal={data.total}
|
||||
initialTotalPages={data.totalPages}
|
||||
initialPage={data.page}
|
||||
/>
|
||||
<Suspense fallback={<div className="p-8 text-zinc-400">Loading traces...</div>}>
|
||||
<TraceList
|
||||
initialTraces={data.traces}
|
||||
initialTotal={data.total}
|
||||
initialTotalPages={data.totalPages}
|
||||
initialPage={data.page}
|
||||
/>
|
||||
</Suspense>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user