upgrade app-pages-router to next 15

Author: sommeeeer

examples/app-pages-router/app/albums/@modal/(.)[album]/[song]/page.tsx

@@ -2,12 +2,13 @@ import { getSong } from "@example/shared/api";
 import Modal from "@example/shared/components/Modal";
 
 type Props = {
-  params: {
+  params: Promise<{
     album: string;
     song: string;
-  };
+  }>;
 };
-export default async function SongPage({ params }: Props) {
+export default async function SongPage(props: Props) {
+  const params = await props.params;
   const song = await getSong(params.album, params.song);
   return (
     <Modal>

examples/app-pages-router/app/albums/@modal/(.)[album]/page.tsx

@@ -1,10 +1,11 @@
 import Modal from "@example/shared/components/Modal";
 
 type Props = {
-  params: {
+  params: Promise<{
     artist: string;
-  };
+  }>;
 };
-export default function ArtistPage({ params }: Props) {
+export default async function ArtistPage(props: Props) {
+  const params = await props.params;
   return <Modal>Artists {params.artist}</Modal>;
 }

examples/app-pages-router/app/albums/[album]/[song]/page.tsx

@@ -1,12 +1,13 @@
 import { getSong } from "@example/shared/api";
 
 type Props = {
-  params: {
+  params: Promise<{
     album: string;
     song: string;
-  };
+  }>;
 };
-export default async function Song({ params }: Props) {
+export default async function Song(props: Props) {
+  const params = await props.params;
   const song = await getSong(params.album, params.song);
 
   return (

examples/app-pages-router/app/rewrite-destination/page.tsx

@@ -1,8 +1,9 @@
-export default function RewriteDestination({
-  searchParams,
-}: {
-  searchParams: { a: string };
-}) {
+export default async function RewriteDestination(
+  props: {
+    searchParams: Promise<{ a: string }>;
+  }
+) {
+  const searchParams = await props.searchParams;
   return (
     <div>
       <div>Rewritten Destination</div>

examples/app-pages-router/app/ssr/page.tsx

@@ -13,7 +13,7 @@ async function getTime() {
 
 export default async function SSR() {
   const time = await getTime();
-  const headerList = headers();
+  const headerList = await headers();
   return (
     <div>
       <h1>Time: {time}</h1>

examples/app-pages-router/next.config.js renamed to examples/app-pages-router/next.config.ts

@@ -1,18 +1,16 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
   poweredByHeader: false,
   cleanDistDir: true,
   transpilePackages: ["@example/shared"],
   output: "standalone",
-  outputFileTracing: "../sst",
-  experimental: {
-    serverActions: true,
-  },
+  outputFileTracingRoot: "../sst",
   eslint: {
     ignoreDuringBuilds: true,
   },
   trailingSlash: true,
   skipTrailingSlashRedirect: true,
 };
 
-module.exports = nextConfig;
+export default nextConfig;

examples/app-pages-router/package.json

@@ -13,15 +13,15 @@
   "dependencies": {
     "@example/shared": "workspace:*",
     "@open-next/utils": "workspace:*",
-    "next": "^14.0.3",
+    "next": "15.0.0",
     "@opennextjs/aws": "workspace:*",
-    "react": "latest",
-    "react-dom": "latest"
+    "react": "19.0.0-rc-65a56d0e-20241020",
+    "react-dom": "19.0.0-rc-65a56d0e-20241020"
   },
   "devDependencies": {
     "@types/node": "20.5.0",
-    "@types/react": "18.2.20",
-    "@types/react-dom": "18.2.7",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "autoprefixer": "10.4.15",
     "postcss": "8.4.27",
     "tailwindcss": "3.3.3",

examples/app-router/package.json

@@ -20,8 +20,8 @@
   },
   "devDependencies": {
     "@types/node": "20.5.0",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "autoprefixer": "10.4.15",
     "postcss": "8.4.27",
     "tailwindcss": "3.3.3",