chore: update nextjs

Author: alcercu

package.json

@@ -18,10 +18,10 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.475.0",
-    "next": "14",
+    "next": "15.3.3",
     "next-intl": "^3.26.3",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "rtl-detect": "^1.1.2",
     "tailwind-merge": "^2.5.5",
     "tailwindcss-animate": "^1.0.7",
@@ -30,8 +30,8 @@
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@types/node": "^22",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
+    "@types/react": "19.1.6",
+    "@types/react-dom": "19.1.5",
     "@types/rtl-detect": "^1",
     "husky": "^9.1.7",
     "lint-staged": "^15.2.10",
@@ -42,5 +42,9 @@
   "volta": {
     "node": "20.18.1"
   },
-  "packageManager": "yarn@4.5.3"
+  "packageManager": "yarn@4.5.3",
+  "resolutions": {
+    "@types/react": "19.1.6",
+    "@types/react-dom": "19.1.5"
+  }
 }

src/app/[locale]/case/[disputeId]/components/Evidence.tsx

@@ -14,7 +14,7 @@ interface IEvidence {
 }
 
 const Evidence: React.FC<IEvidence> = async ({ evidenceGroupId }) => {
-  const headersList = headers();
+  const headersList = await headers();
   const host = headersList.get("host");
   const protocol = headersList.get("x-forwarded-proto");
 

src/app/[locale]/case/[disputeId]/components/Question.tsx

@@ -17,7 +17,7 @@ interface IQuestion {
 }
 
 const Question: React.FC<IQuestion> = async ({ disputeId }) => {
-  const headersList = headers();
+  const headersList = await headers();
   const host = headersList.get("host");
   const protocol = headersList.get("x-forwarded-proto");
 

src/app/[locale]/case/[disputeId]/components/Votes.tsx

@@ -24,7 +24,7 @@ type IJurorData = Record<
 >;
 
 const Votes: React.FC<IVotes> = async ({ disputeId }) => {
-  const headersList = headers();
+  const headersList = await headers();
   const host = headersList.get("host");
   const protocol = headersList.get("x-forwarded-proto");
 

src/app/[locale]/case/[disputeId]/page.tsx

@@ -14,13 +14,15 @@ import Votes from "./components/Votes";
 import { Periods } from "@/app/utils";
 
 interface ICaseDetails {
-  params: { disputeId: `${number}` };
+  params: Promise<{ disputeId: `${number}` }>;
 }
 
-const CaseDetails: React.FC<ICaseDetails> = async ({
-  params: { disputeId },
-}) => {
-  const headersList = headers();
+const CaseDetails: React.FC<ICaseDetails> = async (props) => {
+  const params = await props.params;
+
+  const { disputeId } = params;
+
+  const headersList = await headers();
   const host = headersList.get("host");
   const protocol = headersList.get("x-forwarded-proto");
 

src/app/[locale]/layout.tsx

@@ -19,13 +19,18 @@ export const metadata: Metadata = {
   description: "Kleros archival UI",
 };
 
-export default async function RootLayout({
-  children,
-  params: { locale },
-}: Readonly<{
-  children: React.ReactNode;
-  params: { locale: string };
-}>) {
+export default async function RootLayout(
+  props: Readonly<{
+    children: React.ReactNode;
+    params: Promise<{ locale: string }>;
+  }>,
+) {
+  const params = await props.params;
+
+  const { locale } = params;
+
+  const { children } = props;
+
   const messages = await getMessages({ locale });
   const langDir = getLangDir(locale);
 

src/app/api/dispute/[id]/status/route.ts

@@ -1,5 +1,3 @@
-export const dynamic = "force-dynamic";
-
 import { NextRequest, NextResponse } from "next/server";
 
 import { fetchStatus } from "./query";

src/app/api/dispute/[id]/template/route.ts

@@ -1,5 +1,3 @@
-export const dynamic = "force-dynamic";
-
 import { NextRequest, NextResponse } from "next/server";
 
 import { getDispute } from "@kleros/kleros-sdk";

src/app/api/dispute/[id]/votes/route.ts

@@ -1,5 +1,3 @@
-export const dynamic = "force-dynamic";
-
 import { NextRequest, NextResponse } from "next/server";
 
 import { fetchVotes } from "./query";

tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -18,9 +22,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
-    }
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "target": "ES2017"
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }