fix(deps): update dependency @clerk/nextjs to v6

package.json

@@ -14,7 +14,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@clerk/nextjs": "^5.1.5",
+    "@clerk/nextjs": "^6.0.0",
     "@clerk/themes": "^2.1.9",
     "@hookform/resolvers": "^3.6.0",
     "@radix-ui/react-alert-dialog": "^1.1.1",

src/app/actions.ts

@@ -17,7 +17,7 @@ export async function setUserProperty<K extends keyof UsersTableType>(
   propertyName: K,
   value: UsersTableType[K],
 ) {
-  const { userId } = auth();
+  const { userId } = await auth();
 
   if (!userId) {
     return null;
@@ -37,7 +37,7 @@ export async function setUserProperty<K extends keyof UsersTableType>(
 }
 
 export async function getUserData() {
-  const { userId } = auth();
+  const { userId } = await auth();
 
   if (!userId) return null;
 

src/app/api/getUserData/route.ts

@@ -2,7 +2,7 @@ import { db } from "@/server/db";
 import { auth } from "@clerk/nextjs/server";
 
 export async function GET() {
-  const { userId } = auth();
+  const { userId } = await auth();
 
   if (!userId) return new Response(`Unauthorized`, { status: 401 });
 

src/app/sign-in/page.tsx

@@ -4,8 +4,9 @@ import OpenInternalLink from "@/components/internal-link";
 import LoadingSpinner from "@/components/loading-spinner";
 import { RedirectToSignIn, SignedIn, SignedOut } from "@clerk/nextjs";
 import { useSearchParams } from "next/navigation";
+import { Suspense } from "react";
 
-export default function SignIn() {
+function SignInContent() {
   const searchParams = useSearchParams();
   const redirect = searchParams.get("redirect");
 
@@ -27,3 +28,11 @@ export default function SignIn() {
     </main>
   );
 }
+
+export default function SignIn() {
+  return (
+    <Suspense fallback={<LoadingSpinner>Loading...</LoadingSpinner>}>
+      <SignInContent />
+    </Suspense>
+  );
+}