From 1382d8ef522501440971ec9baceb408a87d7ca00 Mon Sep 17 00:00:00 2001
From: sharada-gif <sharada@counterrun.ai>
Date: Fri, 20 Mar 2026 09:10:37 -0700
Subject: [PATCH] Fix Google callback prerender via Suspense

Made-with: Cursor
---
 app/auth/google/callback/page.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/app/auth/google/callback/page.tsx b/app/auth/google/callback/page.tsx
index 5a864ce..4df5c97 100644
--- a/app/auth/google/callback/page.tsx
+++ b/app/auth/google/callback/page.tsx
@@ -1,10 +1,10 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { Suspense, useEffect, useState } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { apiFetch } from "@/lib/api";
 
-export default function GoogleCallbackPage() {
+function GoogleCallbackContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
   const [status, setStatus] = useState<"loading" | "success" | "error">("loading");
@@ -83,3 +83,20 @@ export default function GoogleCallbackPage() {
     </div>
   );
 }
+
+export default function GoogleCallbackPage() {
+  return (
+    <Suspense
+      fallback={
+        <div className="min-h-screen flex items-center justify-center bg-background">
+          <div className="glass-panel rounded-2xl p-10 text-center max-w-sm w-full shadow-lg">
+            <div className="h-12 w-12 rounded-full border-4 border-primary border-t-transparent animate-spin mx-auto mb-4" />
+            <p className="text-sm text-muted-foreground">Connecting your Google account...</p>
+          </div>
+        </div>
+      }
+    >
+      <GoogleCallbackContent />
+    </Suspense>
+  );
+}