Make onboarding dialog non-blocking

stack-auth · Dec 30, 2024 · f11bd9e · f11bd9e
1 parent dc91c25
commit f11bd9e
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/layout.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/layout.tsx
@@ -1,11 +1,15 @@
-import { AdminAppProvider } from "./use-admin-app";
+import { Suspense } from "react";
 import { OnboardingDialog } from "./onboarding-dialog";
 import SidebarLayout from "./sidebar-layout";
+import { AdminAppProvider } from "./use-admin-app";
 
 export default function Layout(props: { children: React.ReactNode, params: { projectId: string } }) {
   return (
     <AdminAppProvider projectId={props.params.projectId}>
-      <OnboardingDialog />
+      {/* Don't block the rest of the page for the dialog, so wrap it with a Suspense */}
+      <Suspense fallback={<></>}>
+        <OnboardingDialog />
+      </Suspense>
       <SidebarLayout projectId={props.params.projectId}>
         {props.children}
       </SidebarLayout>