diff --git a/src/app/(dashboard)/settings/integrations/new/page.tsx b/src/app/(dashboard)/settings/integrations/new/page.tsx
index 503aa2a..72787ea 100644
--- a/src/app/(dashboard)/settings/integrations/new/page.tsx
+++ b/src/app/(dashboard)/settings/integrations/new/page.tsx
@@ -34,6 +34,14 @@ type ConfigField = {
 };
 
 export default function NewIntegrationPage() {
+  return (
+    <React.Suspense fallback={<div className="flex items-center justify-center py-20"><Loader2 className="size-6 animate-spin text-muted-foreground" /></div>}>
+      <NewIntegrationForm />
+    </React.Suspense>
+  );
+}
+
+function NewIntegrationForm() {
   const router = useRouter();
   const searchParams = useSearchParams();
   const preselectedProvider = searchParams.get("provider") || "";