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>
+    )
+}