From 6e712c0af5d428231666cb94d2b41369d84be554 Mon Sep 17 00:00:00 2001
From: ectasy663 <namansingh4680@gmail.com>
Date: Thu, 13 Aug 2026 11:35:13 +0530
Subject: [PATCH] fix: resolve typescript and suspense issues on checkout and
 upgrade pages

---
 src/app/checkout/page.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 708494d..42c529b 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -14,7 +14,17 @@ declare global {
   }
 }
 
+import { Suspense } from "react"
+
 export default function CheckoutPage() {
+  return (
+    <Suspense fallback={<div className="min-h-screen bg-background flex items-center justify-center"><Loader2 className="animate-spin text-[#00F0FF]" size={48} /></div>}>
+      <CheckoutContent />
+    </Suspense>
+  )
+}
+
+function CheckoutContent() {
   const router = useRouter()
   const searchParams = useSearchParams()
   const tier = searchParams.get("tier") || "Pro"