From 73b36929bc9c581ac3311cb4288793865c17ceca Mon Sep 17 00:00:00 2001
From: Kunaldevxxx <khareji594@gmail.com>
Date: Thu, 19 Dec 2024 12:21:44 +0530
Subject: [PATCH] feat: Refactor AuthError component to use Suspense for
 loading state

---
 src/app/auth/error/page.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app/auth/error/page.tsx b/src/app/auth/error/page.tsx
index 50554ac..e684418 100644
--- a/src/app/auth/error/page.tsx
+++ b/src/app/auth/error/page.tsx
@@ -2,8 +2,9 @@
 
 import { useSearchParams } from 'next/navigation'
 import Link from 'next/link'
+import { Suspense } from 'react'
 
-export default function AuthError() {
+function AuthErrorComponent() {
     const searchParams = useSearchParams()
     const errorMessage = searchParams?.get('message') || 'An unknown error occurred'
 
@@ -25,4 +26,12 @@ export default function AuthError() {
             </div>
         </div>
     )
-}
\ No newline at end of file
+}
+
+export default function AuthError() {
+    return (
+        <Suspense fallback={<div>Loading...</div>}>
+            <AuthErrorComponent />
+        </Suspense>
+    )
+}