upgrade to nextjs 15

Author: Charismara

app/api/user/[userId]/role/route.ts

@@ -5,7 +5,7 @@ import {CloudSettingsToken} from "@/src/types/AuthTypes";
 
 export const dynamic = "force-dynamic";
 
-export async function POST(request: NextRequest, {params}: { params: { userId: string } }) {
+export async function POST(request: NextRequest, {params}: { params: Promise<{ userId: string }> }) {
     const nextAuthToken = await getToken({req: request}) as CloudSettingsToken;
     if (!nextAuthToken) {
         return new Response("No valid session token found.", {
@@ -42,7 +42,8 @@ export async function POST(request: NextRequest, {params}: { params: { userId: s
         });
     }
 
-    if (!params.userId) {
+    const {userId} = await params;
+    if (!userId) {
         return new Response("Target user not found.", {
             status: 404,
             statusText: "Target user not found."
@@ -51,7 +52,7 @@ export async function POST(request: NextRequest, {params}: { params: { userId: s
 
     const user = await prisma.user.findFirst({
         where: {
-            id: params.userId
+            id: userId
         }
     });
 
@@ -77,8 +78,6 @@ export async function POST(request: NextRequest, {params}: { params: { userId: s
             statusText: "'role' element in payload is invalid."
         });
     }
-    console.log("Id", params.userId)
-    console.log("User", user);
 
     await prisma.user.update({
         where: {

app/api/user/[userId]/route.ts

@@ -5,7 +5,7 @@ import {CloudSettingsToken} from "@/src/types/AuthTypes";
 
 export const dynamic = "force-dynamic";
 type PathVariables = {
-    params: { userId: string }
+    params: Promise<{ userId: string }>
 }
 
 export async function DELETE(request: NextRequest, {params}: PathVariables) {
@@ -38,7 +38,9 @@ export async function DELETE(request: NextRequest, {params}: PathVariables) {
         });
     }
 
-    if (requestUser.role !== "MODERATOR" && requestUser.role !== "ADMIN" && requestUser.id !== params.userId) {
+    const {userId} = await params;
+
+    if (requestUser.role !== "MODERATOR" && requestUser.role !== "ADMIN" && requestUser.id !== userId) {
         return new Response("No Permission to do that.", {
             status: 401,
             statusText: "No Permission to do that."
@@ -47,7 +49,7 @@ export async function DELETE(request: NextRequest, {params}: PathVariables) {
 
     const user = await prisma.user.findFirst({
         where: {
-            id: params.userId
+            id: userId
         }
     });
 
@@ -97,7 +99,9 @@ export async function GET(request: NextRequest, {params}: PathVariables) {
         });
     }
 
-    if (requestUser.role !== "MODERATOR" && requestUser.role !== "ADMIN" && requestUser.id !== params.userId) {
+    const {userId} = await params;
+
+    if (requestUser.role !== "MODERATOR" && requestUser.role !== "ADMIN" && requestUser.id !== userId) {
         return new Response("No Permission to do that.", {
             status: 401,
             statusText: "No Permission to do that."
@@ -106,7 +110,7 @@ export async function GET(request: NextRequest, {params}: PathVariables) {
 
     const user = await prisma.user.findFirst({
         where: {
-            id: params.userId
+            id: userId
         },
         include: {
             Option: true

package.json

@@ -18,34 +18,33 @@
   "dependencies": {
     "@ant-design/cssinjs": "^1.21.1",
     "@ant-design/icons": "5.5.1",
-    "@ant-design/pro-components": "^2.7.19",
-    "@antv/g2": "^5.2.5",
-    "@headlessui/react": "^2.1.8",
+    "@ant-design/pro-components": "^2.8.1",
+    "@antv/g2": "^5.2.7",
+    "@headlessui/react": "^2.2.0",
     "@heroicons/react": "^2.1.5",
-    "@prisma/client": "^5.20.0",
+    "@prisma/client": "^5.21.1",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.7.4",
-    "@types/react": "^18.3.10",
-    "@types/react-dom": "^18.3.0",
-    "@vercel/analytics": "^1.3.1",
-    "@vercel/speed-insights": "^1.0.12",
-    "antd": "^5.21.1",
+    "@types/node": "^22.8.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vercel/analytics": "^1.3.2",
+    "@vercel/speed-insights": "^1.0.14",
+    "antd": "^5.21.5",
     "autoprefixer": "^10.4.20",
     "dayjs": "^1.11.13",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "^14.2.13",
+    "eslint": "^9.13.0",
+    "eslint-config-next": "^15.0.1",
     "lodash-es": "^4.17.21",
-    "next": "^14.2.13",
-    "next-auth": "^4.24.8",
+    "next": "^15.0.1",
+    "next-auth": "^4.24.10",
     "postcss": "^8.4.47",
-    "prisma": "^5.20.0",
+    "prisma": "^5.21.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-toastify": "^10.0.5",
-    "recharts": "^2.12.7",
-    "sharp": "^0.33.5",
-    "tailwindcss": "^3.4.13",
-    "typescript": "^5.6.2"
+    "react-toastify": "^10.0.6",
+    "recharts": "^2.13.0",
+    "tailwindcss": "^3.4.14",
+    "typescript": "^5.6.3"
   },
-  "packageManager": "pnpm@9.7.0"
+  "packageManager": "pnpm@9.12.2"
 }