upgrade nextjs 15 / react 19

app/api/revalidate/[tag]/route.ts

@@ -1,10 +1,8 @@
 import { NextRequest, NextResponse } from "next/server";
 import { revalidateTag } from "next/cache";
 
-export async function POST(
-  _: NextRequest,
-  { params }: { params: { tag: string } },
-) {
+export async function POST(_: NextRequest, props: { params: Promise<{ tag: string }> }) {
+  const params = await props.params;
   const tag = params.tag;
   revalidateTag(tag);
 

app/explore/[slug]/layout.tsx

@@ -5,13 +5,18 @@ import { FiltersProvider } from "@/contexts/filters";
 import { decodingSlug } from "@/utils/url";
 import { getFilterOptions } from "@/lib/filters";
 
-export default async function ExploreLayout({
-  children,
-  params,
-}: {
-  children: React.ReactNode;
-  params: { slug: string };
-}) {
+export default async function ExploreLayout(
+  props: {
+    children: React.ReactNode;
+    params: Promise<{ slug: string }>;
+  }
+) {
+  const params = await props.params;
+
+  const {
+    children
+  } = props;
+
   const filterOptions = await getFilterOptions();
   const decodedSlug = decodeURIComponent(params.slug);
   const filters = decodingSlug(decodedSlug, filterOptions);

app/explore/[slug]/page.tsx

@@ -5,10 +5,11 @@ import { decodingSlug } from "@/utils/url";
 import { fetchIssues } from "@/lib/api/issues";
 
 interface IProps {
-  params: { slug: string };
+  params: Promise<{ slug: string }>;
 }
 
-export async function generateMetadata({ params }: IProps): Promise<Metadata> {
+export async function generateMetadata(props: IProps): Promise<Metadata> {
+  const params = await props.params;
   const { slug } = params;
   const title = slug
     .split("-")
@@ -24,7 +25,8 @@ export async function generateMetadata({ params }: IProps): Promise<Metadata> {
   };
 }
 
-export default async function ExplorePage({ params }: IProps) {
+export default async function ExplorePage(props: IProps) {
+  const params = await props.params;
   const filterOptions = await getFilterOptions();
   const decodedSlug = decodeURIComponent(params.slug);
   const filters = decodingSlug(decodedSlug, filterOptions);

app/projects/[slug]/page.tsx

@@ -21,10 +21,11 @@ const SELECT_FILTERS: SelectFilterConfig[] = [
 ];
 
 interface IProps {
-  params: { slug: string };
+  params: Promise<{ slug: string }>;
 }
 
-export default async function SingleProjectPage({ params }: IProps) {
+export default async function SingleProjectPage(props: IProps) {
+  const params = await props.params;
   const { slug } = params;
   const infos = await fetchProjectInfo(slug);
 

components/filters/config.tsx

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import { KudosCertifiedIcon } from "@/assets/icons";
 import {
   TECHNOLOGY_KEY,

hooks/useSticky.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect, RefObject } from "react";
 import { useMediaQuery } from "react-responsive";
 import { debounce, throttle } from "@/utils/misc";
 
-const useSticky = (ref: RefObject<HTMLElement>) => {
+const useSticky = (ref: RefObject<HTMLElement | null>) => {
   const [isSticky, setIsSticky] = useState(false);
   const isMobile = useMediaQuery({ maxWidth: 639 }); // tailwind lg default: 640px
 

next.config.js

@@ -29,7 +29,6 @@ const nextConfig = {
     ],
   },
   reactStrictMode: true,
-  swcMinify: true,
   async headers() {
     return [
       {

package.json

@@ -11,7 +11,7 @@
     "depcheck": "npx depcheck --ignores 'sharp,autoprefixer,@types/node'"
   },
   "dependencies": {
-    "@next/third-parties": "^14.2.13",
+    "@next/third-parties": "15.1.3",
     "@nextui-org/button": "2.2.8",
     "@nextui-org/card": "^2.2.8",
     "@nextui-org/checkbox": "^2.3.7",
@@ -34,26 +34,26 @@
     "@nextui-org/tooltip": "^2.2.6",
     "@tanstack/react-query": "^5.62.11",
     "@tanstack/react-query-devtools": "^5.62.11",
-    "@types/react": "18.3.8",
+    "@types/react": "19.0.2",
     "@vercel/analytics": "^1.4.1",
     "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.13",
     "edge-csrf": "^1.0.11",
-    "eslint": "8.56.0",
-    "eslint-config-next": "14.2.3",
+    "eslint": "9.17.0",
+    "eslint-config-next": "15.1.3",
     "framer-motion": "^11.15.0",
     "is-email": "^1.0.2",
     "isomorphic-dompurify": "^2.19.0",
-    "marked": "^14.1.2",
-    "next": "14.2.13",
-    "next-themes": "^0.3.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "marked": "^15.0.4",
+    "next": "15.1.3",
+    "next-themes": "^0.4.4",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "react-hook-form": "^7.54.2",
     "react-responsive": "^10.0.0",
     "sharp": "0.33.5",
-    "tailwind-variants": "^0.2.1",
+    "tailwind-variants": "^0.3.0",
     "tailwindcss": "3.4.17",
     "typescript": "5.7.2"
   },
@@ -63,5 +63,10 @@
     "@types/node": "22.10.2",
     "eslint-config-prettier": "^9.1.0",
     "prettier": "^3.4.2"
+  },
+  "pnpm": {
+    "overrides": {
+      "@types/react": "19.0.2"
+    }
   }
 }