chore: upgrade examples to next 15 and fix e2e test (#588)

* upgrade examples, examples/shared and example to next 15 (w/ react19)

* add tsignore for type errors in open-next

* fix e2e

* revert changelog

* fix typing issue

* update cdk

* fix linting

---------

Co-authored-by: Dorseuil Nicolas <[email protected]>

Author: sommeeeer

example/package.json

@@ -3,25 +3,27 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "sst bind next dev",
+    "dev": "sst bind next dev --turbopack",
     "build": "next build",
     "start": "next start",
     "deploy": "sst deploy"
   },
   "dependencies": {
     "dayjs": "^1.11.9",
     "gray-matter": "^4.0.3",
-    "next": "13.4.12",
+    "next": "15.0.1",
     "next-auth": "^4.22.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "19.0.0-rc-69d4b800-20241021",
+    "react-dom": "19.0.0-rc-69d4b800-20241021",
     "remark": "^13.0.0",
     "remark-html": "^13.0.2",
     "swr": "^1.0.1"
   },
   "devDependencies": {
     "aws-cdk-lib": "2.84.0",
     "constructs": "10.1.156",
-    "sst": "2.16.3"
+    "sst": "2.16.3",
+    "@types/react": "npm:[email protected]",
+    "@types/react-dom": "npm:[email protected]"
   }
 }

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,7 @@
-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

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "openbuild": "node ../../packages/open-next/dist/index.js build --build-command \"npx turbo build\"",
-    "dev": "next dev --port 3003",
+    "dev": "next dev --turbopack --port 3003",
     "build": "next build",
     "start": "next start --port 3003",
     "lint": "next lint",
@@ -13,15 +13,15 @@
   "dependencies": {
     "@example/shared": "workspace:*",
     "@open-next/utils": "workspace:*",
-    "next": "^14.0.3",
+    "next": "15.0.1",
     "@opennextjs/aws": "workspace:*",
-    "react": "latest",
-    "react-dom": "latest"
+    "react": "19.0.0-rc-69d4b800-20241021",
+    "react-dom": "19.0.0-rc-69d4b800-20241021"
   },
   "devDependencies": {
     "@types/node": "20.5.0",
-    "@types/react": "18.2.20",
-    "@types/react-dom": "18.2.7",
+    "@types/react": "npm:[email protected]",
+    "@types/react-dom": "npm:[email protected]",
     "autoprefixer": "10.4.15",
     "postcss": "8.4.27",
     "tailwindcss": "3.3.3",

examples/app-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-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>;
 }