Next 15 upgrades

Author: MarcusNotheis

examples/nextjs-app/.eslintrc.json

@@ -1,4 +1,3 @@
 {
-  "root": true,
-  "extends": "next/core-web-vitals"
+  "extends": ["next/core-web-vitals", "next/typescript"]
 }

examples/nextjs-app/app/todos/[id]/page.tsx

@@ -14,7 +14,8 @@ import {
 } from '@ui5/webcomponents-react';
 import MessageStripDesign from '@ui5/webcomponents/dist/types/MessageStripDesign.js';
 
-export default async function TodoDetails({ params }: { params: { id: string } }) {
+export default async function TodoDetails(props: { params: Promise<{ id: string }> }) {
+  const params = await props.params;
   // this is a very simple mock which mimics data fetching
   const todo = await new Promise<Todo | undefined>((resolve) => {
     setTimeout(() => {

examples/nextjs-app/package-lock.json

@@ -13,13 +13,17 @@
     "@ui5/webcomponents-fiori": "2.4.0",
     "@ui5/webcomponents-react": "2.4.0",
     "@types/node": "22.9.0",
-    "@types/react": "18.3.12",
-    "@types/react-dom": "18.3.1",
-    "eslint": "8.57.1",
+    "@types/react": "npm:types-react@rc",
+    "@types/react-dom": "npm:types-react-dom@rc",
+    "eslint": "9.15.0",
     "eslint-config-next": "15.0.3",
     "next": "15.0.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "typescript": "5.6.3"
+  },
+  "overrides": {
+    "@types/react": "npm:types-react@rc",
+    "@types/react-dom": "npm:types-react-dom@rc"
   }
 }

examples/nextjs-app/package.json

@@ -1,4 +1,3 @@
 {
-  "root": true,
-  "extends": "next/core-web-vitals"
+  "extends": ["next/core-web-vitals", "next/typescript"]
 }