[examples] Use Next.js 14 on examples (#44486)

examples/material-ui-nextjs-pages-router-ts/README.md

@@ -41,6 +41,11 @@ If you prefer, you can [use styled-components instead](https://mui.com/material-
 The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router-ts) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/pages/api-reference/components/link) with Material UI.
 More information [in the documentation](https://mui.com/material-ui/integrations/routing/#next-js-pages-router).
 
+## Upgrading to Next.js 15
+
+This example uses Next.js 14.
+To upgrade to version 15, please follow the [official upgrade guide](https://nextjs.org/docs/app/building-your-application/upgrading/version-15) in the Next.js docs.
+
 ## What's next?
 
 <!-- #default-branch-switch -->

examples/material-ui-nextjs-pages-router-ts/package.json

@@ -18,15 +18,15 @@
     "@mui/material": "latest",
     "@mui/material-nextjs": "latest",
     "clsx": "latest",
-    "next": "latest",
-    "react": "latest",
-    "react-dom": "latest"
+    "next": "^14.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "@types/node": "latest",
     "@types/react": "latest",
     "eslint": "latest",
-    "eslint-config-next": "latest",
+    "eslint-config-next": "^14.0.0",
     "typescript": "latest"
   }
 }

examples/material-ui-nextjs-pages-router/README.md

@@ -41,6 +41,11 @@ If you prefer, you can [use styled-components instead](https://mui.com/material-
 The [example folder](https://github.com/mui/material-ui/tree/HEAD/examples/material-ui-nextjs-pages-router) provides an adapter for the use of [Next.js's Link component](https://nextjs.org/docs/pages/api-reference/components/link) with Material UI.
 More information [in the documentation](https://mui.com/material-ui/integrations/routing/#next-js-pages-router).
 
+## Upgrading to Next.js 15
+
+This example uses Next.js 14.
+To upgrade to version 15, please follow the [official upgrade guide](https://nextjs.org/docs/app/building-your-application/upgrading/version-15) in the Next.js docs.
+
 ## What's next?
 
 <!-- #default-branch-switch -->

examples/material-ui-nextjs-pages-router/package.json

@@ -18,13 +18,13 @@
     "@mui/material": "latest",
     "@mui/material-nextjs": "latest",
     "clsx": "latest",
-    "next": "latest",
+    "next": "^14.0.0",
     "prop-types": "latest",
-    "react": "latest",
-    "react-dom": "latest"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "eslint": "latest",
-    "eslint-config-next": "latest"
+    "eslint-config-next": "^14.0.0"
   }
 }

examples/material-ui-nextjs-ts/README.md

@@ -30,6 +30,11 @@ or:
 
 [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-nextjs-ts)
 
+## Upgrading to Next.js 15
+
+This example uses Next.js 14.
+To upgrade to version 15, please follow the [official upgrade guide](https://nextjs.org/docs/app/building-your-application/upgrading/version-15) in the Next.js docs.
+
 ## Learn more
 
 To learn more about this example:

examples/material-ui-nextjs-ts/package.json

@@ -16,16 +16,16 @@
     "@mui/icons-material": "latest",
     "@mui/material": "latest",
     "@mui/material-nextjs": "latest",
-    "next": "latest",
-    "react": "latest",
-    "react-dom": "latest"
+    "next": "^14.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "@types/node": "latest",
     "@types/react": "latest",
     "@types/react-dom": "latest",
     "eslint": "latest",
-    "eslint-config-next": "latest",
+    "eslint-config-next": "^14.0.0",
     "typescript": "latest"
   }
 }

examples/material-ui-nextjs/README.md

@@ -30,6 +30,11 @@ or:
 
 [![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/github/mui/material-ui/tree/master/examples/material-ui-nextjs)
 
+## Upgrading to Next.js 15
+
+This example uses Next.js 14.
+To upgrade to version 15, please follow the [official upgrade guide](https://nextjs.org/docs/app/building-your-application/upgrading/version-15) in the Next.js docs.
+
 ## Learn more
 
 To learn more about this example:

examples/material-ui-nextjs/package.json

@@ -16,9 +16,9 @@
     "@mui/material": "latest",
     "@mui/material-nextjs": "latest",
     "eslint": "latest",
-    "eslint-config-next": "latest",
-    "next": "latest",
-    "react": "latest",
-    "react-dom": "latest"
+    "eslint-config-next": "^14.0.0",
+    "next": "^14.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   }
 }