Put <Suspense> inside the project sidebar layout

This commit is contained in:
Konstantin Wohlwend 2025-10-20 22:15:34 -07:00
parent abf1c2ffd7
commit a64d162fb9

View File

@ -8,17 +8,17 @@ export default async function Layout(
props: { children: React.ReactNode, modal?: React.ReactNode, params: Promise<{ projectId: string }> }
) {
return (
<Suspense fallback={<SiteLoadingIndicator />}>
<AdminAppProvider projectId={(await props.params).projectId}>
<AdminAppProvider projectId={(await props.params).projectId}>
{/* Pre-fetch the current URL to prevent request waterfalls */}
<UrlPrefetcher href="" />
{/* Pre-fetch the current URL to prevent request waterfalls */}
<UrlPrefetcher href="" />
<SidebarLayout projectId={(await props.params).projectId}>
<SidebarLayout projectId={(await props.params).projectId}>
<Suspense fallback={<SiteLoadingIndicator />}>
{props.children}
{props.modal}
</SidebarLayout>
</AdminAppProvider>
</Suspense>
</Suspense>
</SidebarLayout>
</AdminAppProvider>
);
}