feat: Refactor AuthError component to use Suspense for loading state

safedep · Dec 19, 2024 · 73b3692 · 73b3692
1 parent 3ea051d
commit 73b3692
Showing 1 changed file with 11 additions and 2 deletions.
diff --git 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>
     )
-}
+}
+
+export default function AuthError() {
+    return (
+        <Suspense fallback={<div>Loading...</div>}>
+            <AuthErrorComponent />
+        </Suspense>
+    )
+}