Preparing the repository

app/error/page.tsx

@@ -1,6 +1,45 @@
+// "use client"
+//
+// import {useSearchParams} from "next/navigation"
+//
+// enum Error {
+//     Configuration = "Configuration",
+// }
+//
+// const errorMap = {
+//     [Error.Configuration]: (
+//         <p>
+//             There was a problem when trying to authenticate. Please contact us if this
+//             error persists. Unique error code:{" "}
+//             <code className="rounded-sm bg-slate-100 p-1 text-xs">Configuration</code>
+//         </p>
+//     ),
+// }
+//
+// export default function AuthErrorPage() {
+//     const search = useSearchParams()
+//     const error = search.get("error") as Error
+//
+//     return (
+//         <div className="flex h-screen w-full flex-col items-center justify-center">
+//             <a
+//                 href="#"
+//                 className="block max-w-sm rounded-lg border border-gray-200 bg-white p-6 text-center shadow hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700"
+//             >
+//                 <h5 className="mb-2 flex flex-row items-center justify-center gap-2 text-xl font-bold tracking-tight text-gray-900 dark:text-white">
+//                     Something went wrong
+//                 </h5>
+//                 <div className="font-normal text-gray-700 dark:text-gray-400">
+//                     {errorMap[error] || "Please contact us if this error persists."}
+//                 </div>
+//             </a>
+//         </div>
+//     )
+// }
 "use client"
 
-import {useSearchParams} from "next/navigation"
+import { useSearchParams } from "next/navigation"
+import React, { Suspense } from "react"
 
 enum Error {
     Configuration = "Configuration",
@@ -16,7 +55,7 @@ const errorMap = {
     ),
 }
 
-export default function AuthErrorPage() {
+function AuthErrorPageContent() {
     const search = useSearchParams()
     const error = search.get("error") as Error
 
@@ -35,4 +74,12 @@ export default function AuthErrorPage() {
             </a>
         </div>
     )
+}
+
+export default function AuthErrorPage() {
+    return (
+        <Suspense fallback={<div>Loading...</div>}>
+            <AuthErrorPageContent />
+        </Suspense>
+    )
 }