From 95a672a6cbf47265cc5027d65e0079fe2868f07e Mon Sep 17 00:00:00 2001
From: Randall Stillwell <me@randallstillwell.com>
Date: Wed, 15 Apr 2026 01:35:54 -0500
Subject: [PATCH] Fix build: wrap useSearchParams in Suspense boundary

Next.js requires useSearchParams() to be inside a Suspense boundary
for static page generation. Wraps the new integration page component.

Made-with: Cursor
---
 src/app/(dashboard)/settings/integrations/new/page.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

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") || "";