return suspense

izadoesdev · izadoesdev · commit cf7f675c8f2d · 2025-12-06T18:12:00.000+02:00
diff --git a/apps/dashboard/app/layout.tsx b/apps/dashboard/app/layout.tsx
@@ -1,8 +1,10 @@
 import "./globals.css";
 
 import { Databuddy } from "@databuddy/sdk/react";
+import { SpinnerIcon } from "@phosphor-icons/react/dist/ssr";
 import type { Metadata, Viewport } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
+import { Suspense } from "react";
 import { Toaster } from "@/components/ui/sonner";
 import Providers from "./providers";
 
@@ -130,7 +132,15 @@ export default function RootLayout({
 			/>
 			<body className="flex h-full min-h-screen flex-col bg-background text-foreground antialiased">
 				<Providers>
-					<main className="flex-1">{children}</main>
+					<Suspense
+						fallback={
+							<div className="flex h-full items-center justify-center p-8">
+								<SpinnerIcon className="size-8 animate-spin text-primary" />
+							</div>
+						}
+					>
+						<main className="flex-1">{children}</main>
+					</Suspense>
 				</Providers>
 				<Toaster />
 			</body>
