[examples] Fix more examples to work with v5

Fix more instances of #43435
mui · Sep 7, 2024 · 9347f3c · 9347f3c
1 parent daf961e
commit 9347f3c
Show file tree

Hide file tree

Showing 20 changed files with 60 additions and 60 deletions.
diff --git a/examples/base-ui-cra-ts/package.json b/examples/base-ui-cra-ts/package.json
@@ -4,8 +4,8 @@
   "private": true,
   "dependencies": {
     "@mui/base": "latest",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "react": "latest",
     "react-dom": "latest",
     "react-scripts": "^5.0.0",

diff --git a/examples/base-ui-nextjs-tailwind-ts/package.json b/examples/base-ui-nextjs-tailwind-ts/package.json
@@ -13,19 +13,19 @@
     "@mui/base": "latest",
     "clsx": "^2.0.0",
     "next": "^14.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@types/node": "latest",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "autoprefixer": "latest",
     "eslint": "latest",
     "eslint-config-next": "latest",
     "postcss": "latest",
     "postcss-nesting": "latest",
-    "tailwindcss": "latest",
+    "tailwindcss": "^3.0.0",
     "typescript": "~5.5.0"
   }
 }
diff --git a/examples/base-ui-vite-tailwind-ts/package.json b/examples/base-ui-vite-tailwind-ts/package.json
@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "@mui/base": "latest",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "@typescript-eslint/eslint-plugin": "latest",
     "@typescript-eslint/parser": "latest",
     "@vitejs/plugin-react": "^4.0.0",
@@ -25,7 +25,7 @@
     "eslint-plugin-react-hooks": "latest",
     "eslint-plugin-react-refresh": "latest",
     "postcss": "latest",
-    "tailwindcss": "latest",
+    "tailwindcss": "^3.0.0",
     "typescript": "~5.5.0",
     "vite": "v5.0.0"
   },

diff --git a/examples/base-ui-vite-tailwind/package.json b/examples/base-ui-vite-tailwind/package.json
@@ -10,16 +10,16 @@
   },
   "dependencies": {
     "@mui/base": "latest",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "@vitejs/plugin-react": "^4.0.0",
     "autoprefixer": "latest",
     "postcss": "latest",
-    "tailwindcss": "latest",
+    "tailwindcss": "^3.0.0",
     "vite": "v5.0.0"
   }
 }
diff --git a/examples/joy-ui-cra-ts/package.json b/examples/joy-ui-cra-ts/package.json
@@ -6,8 +6,8 @@
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
     "@mui/joy": "latest",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "react": "latest",
     "react-dom": "latest",
     "react-scripts": "^5.0.0",

diff --git a/examples/joy-ui-nextjs-ts/package.json b/examples/joy-ui-nextjs-ts/package.json
@@ -15,13 +15,13 @@
     "@emotion/styled": "^11.0.0",
     "@mui/joy": "latest",
     "next": "^14.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@types/node": "latest",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "eslint": "latest",
     "eslint-config-next": "latest",
     "typescript": "~5.5.0"

diff --git a/examples/joy-ui-vite-ts/package.json b/examples/joy-ui-vite-ts/package.json
@@ -13,12 +13,12 @@
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
     "@mui/joy": "latest",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "@vitejs/plugin-react": "^4.0.0",
     "typescript": "~5.5.0",
     "vite": "v5.0.0"

diff --git a/examples/material-ui-cra-styled-components-ts/package.json b/examples/material-ui-cra-styled-components-ts/package.json
@@ -35,8 +35,8 @@
   "devDependencies": {
     "@craco/craco": "latest",
     "@types/node": "latest",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "craco-alias": "^3.0.1",
     "typescript": "~5.5.0"
   }

diff --git a/examples/material-ui-cra-tailwind-ts/package.json b/examples/material-ui-cra-tailwind-ts/package.json
@@ -11,14 +11,14 @@
     "@testing-library/user-event": "latest",
     "@types/jest": "latest",
     "@types/node": "latest",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "autoprefixer": "latest",
     "postcss": "latest",
     "react": "latest",
     "react-dom": "latest",
     "react-scripts": "^5.0.0",
-    "tailwindcss": "latest",
+    "tailwindcss": "^3.0.0",
     "typescript": "~5.5.0",
     "web-vitals": "latest"
   },

diff --git a/examples/material-ui-cra-ts/package.json b/examples/material-ui-cra-ts/package.json
@@ -6,8 +6,8 @@
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
     "@mui/material": "^5.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "react": "latest",
     "react-dom": "latest",
     "react-scripts": "^5.0.0",

diff --git a/examples/material-ui-nextjs-pages-router-ts/package.json b/examples/material-ui-nextjs-pages-router-ts/package.json
@@ -18,8 +18,8 @@
     "@mui/material": "^5.0.0",
     "@mui/material-nextjs": "^5.0.0",
     "next": "^14.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@types/node": "latest",

diff --git a/examples/material-ui-nextjs-pages-router/package.json b/examples/material-ui-nextjs-pages-router/package.json
@@ -19,8 +19,8 @@
     "@mui/material-nextjs": "^5.0.0",
     "next": "^14.0.0",
     "prop-types": "^15.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "eslint": "latest",

diff --git a/examples/material-ui-nextjs-ts-v4-v5-migration/package.json b/examples/material-ui-nextjs-ts-v4-v5-migration/package.json
@@ -22,8 +22,8 @@
     "clean-css": "latest",
     "next": "^14.0.0",
     "postcss": "latest",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@types/node": "latest",

diff --git a/examples/material-ui-nextjs-ts/package.json b/examples/material-ui-nextjs-ts/package.json
@@ -17,13 +17,13 @@
     "@mui/material": "^5.0.0",
     "@mui/material-nextjs": "^5.0.0",
     "next": "^14.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@types/node": "latest",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "eslint": "latest",
     "eslint-config-next": "latest",
     "typescript": "~5.5.0"

diff --git a/examples/material-ui-nextjs/package.json b/examples/material-ui-nextjs/package.json
@@ -18,7 +18,7 @@
     "eslint": "latest",
     "eslint-config-next": "latest",
     "next": "^14.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   }
 }
diff --git a/examples/material-ui-remix-ts/package.json b/examples/material-ui-remix-ts/package.json
@@ -19,13 +19,13 @@
     "@remix-run/react": "latest",
     "@remix-run/serve": "latest",
     "@remix-run/server-runtime": "latest",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@remix-run/dev": "latest",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "typescript": "~5.5.0"
   },
   "engines": {

diff --git a/examples/material-ui-via-cdn/README.md b/examples/material-ui-via-cdn/README.md
@@ -23,14 +23,14 @@ The client has to download the entire library, regardless of which components ar
 
 <!-- #default-branch-switch -->
 
-[The live preview.](https://rawcdn.githack.com/mui/material-ui/master/examples/material-ui-via-cdn/index.html)
+[The live preview.](https://rawcdn.githack.com/mui/material-ui/v5.x/examples/material-ui-via-cdn/index.html)
 
 ## UMD releases
 
 We are providing two Universal Module Definition (UMD) files:
 
-- one for development: https://unpkg.com/@mui/material@latest/umd/material-ui.development.js
-- one for production: https://unpkg.com/@mui/material@latest/umd/material-ui.production.min.js
+- one for development: https://unpkg.com/@mui/material@5/umd/material-ui.development.js
+- one for production: https://unpkg.com/@mui/material@5/umd/material-ui.production.min.js
 
 <!-- #default-branch-switch -->
 

diff --git a/examples/material-ui-via-cdn/index.html b/examples/material-ui-via-cdn/index.html
@@ -10,7 +10,7 @@
     ></script>
     <script src="https://unpkg.com/react-dom@latest/umd/react-dom.development.js"></script>
     <script
-      src="https://unpkg.com/@mui/material@latest/umd/material-ui.development.js"
+      src="https://unpkg.com/@mui/material@5/umd/material-ui.development.js"
       crossorigin="anonymous"
     ></script>
     <script

diff --git a/examples/material-ui-vite-ts/package.json b/examples/material-ui-vite-ts/package.json
@@ -13,12 +13,12 @@
     "@emotion/styled": "^11.0.0",
     "@mui/icons-material": "^5.0.0",
     "@mui/material": "^5.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "@vitejs/plugin-react": "^4.0.0",
     "typescript": "~5.5.0",
     "vite": "v5.0.0"

diff --git a/examples/material-ui-vite/package.json b/examples/material-ui-vite/package.json
@@ -11,8 +11,8 @@
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
     "@mui/material": "^5.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.0.0",