[core] Bump React to 19 (2.0) (#44672)

mui · Dec 9, 2024 · 6381e29 · 6381e29
1 parent 7594e39
commit 6381e29
Show file tree

Hide file tree

Showing 36 changed files with 881 additions and 980 deletions.
diff --git a/apps/pigment-css-next-app/package.json b/apps/pigment-css-next-app/package.json
@@ -9,24 +9,24 @@
     "clean": "rimraf .next"
   },
   "dependencies": {
-    "@mui/material-pigment-css": "workspace:^",
-    "@mui/utils": "workspace:^",
+    "@emotion/cache": "latest",
     "@mui/base": "workspace:^",
     "@mui/icons-material": "workspace:^",
     "@mui/lab": "workspace:^",
     "@mui/material": "workspace:^",
     "@mui/material-nextjs": "workspace:^",
+    "@mui/material-pigment-css": "workspace:^",
     "@mui/system": "workspace:^",
-    "@emotion/cache": "latest",
+    "@mui/utils": "workspace:^",
     "next": "latest",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@pigment-css/nextjs-plugin": "0.0.28",
     "@types/node": "^20.17.9",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "eslint": "^8.57.1",
     "typescript": "^5.7.2"
   },

diff --git a/apps/pigment-css-vite-app/package.json b/apps/pigment-css-vite-app/package.json
@@ -18,8 +18,8 @@
     "@mui/utils": "workspace:^",
     "clsx": "^2.1.1",
     "playwright": "^1.48.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-error-boundary": "^4.1.2",
     "react-router-dom": "^6.28.0",
     "webfontloader": "^1.6.28"
@@ -28,8 +28,8 @@
     "@babel/preset-react": "^7.25.9",
     "@babel/preset-typescript": "^7.26.0",
     "@pigment-css/vite-plugin": "0.0.28",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/webfontloader": "^1.6.38",
     "@vitejs/plugin-react": "^4.3.4",
     "postcss": "^8.4.49",

diff --git a/benchmark/package.json b/benchmark/package.json
@@ -27,9 +27,9 @@
     "jss": "^10.10.0",
     "playwright": "^1.48.2",
     "prop-types": "^15.8.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-is": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-is": "^19.0.0",
     "react-jss": "^10.10.0",
     "react-redux": "^9.1.2",
     "redux": "^5.0.1",

diff --git a/docs/data/base/getting-started/quickstart/quickstart.md b/docs/data/base/getting-started/quickstart/quickstart.md
@@ -34,8 +34,8 @@ Please note that [react](https://www.npmjs.com/package/react) and [react-dom](ht
 
 ```json
 "peerDependencies": {
-  "react": "^17.0.0 || ^18.0.0",
-  "react-dom": "^17.0.0 || ^18.0.0"
+  "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+  "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
 },
 ```
 

diff --git a/docs/data/joy/getting-started/installation/installation.md b/docs/data/joy/getting-started/installation/installation.md
@@ -30,8 +30,8 @@ Please note that [react](https://www.npmjs.com/package/react) and [react-dom](ht
 
 ```json
 "peerDependencies": {
-  "react": "^17.0.0 || ^18.0.0",
-  "react-dom": "^17.0.0 || ^18.0.0"
+  "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+  "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
 },
 ```
 

diff --git a/docs/data/material/getting-started/installation/installation.md b/docs/data/material/getting-started/installation/installation.md
@@ -32,8 +32,8 @@ Please note that [react](https://www.npmjs.com/package/react) and [react-dom](ht
 
 ```json
 "peerDependencies": {
-  "react": "^17.0.0 || ^18.0.0",
-  "react-dom": "^17.0.0 || ^18.0.0"
+  "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+  "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
 },
 ```
 

diff --git a/docs/data/system/getting-started/installation/installation.md b/docs/data/system/getting-started/installation/installation.md
@@ -30,7 +30,7 @@ Please note that [react](https://www.npmjs.com/package/react) is a peer dependen
 
 ```json
 "peerDependencies": {
-  "react": "^17.0.0 || ^18.0.0"
+  "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
 },
 ```
 

diff --git a/docs/nextConfigDocsInfra.js b/docs/nextConfigDocsInfra.js
@@ -77,7 +77,7 @@ function withDocsInfra(nextConfig) {
     experimental: {
       scrollRestoration: true,
       esmExternals: false,
-      workerThreads: true,
+      workerThreads: false,
       cpus: 3,
       ...nextConfig.experimental,
     },

diff --git a/docs/package.json b/docs/package.json
@@ -82,19 +82,19 @@
     "lz-string": "^1.5.0",
     "markdown-to-jsx": "^7.7.0",
     "material-ui-popup-state": "^5.3.1",
-    "next": "^14.2.18",
+    "next": "^15.0.4",
     "notistack": "3.0.1",
     "nprogress": "^0.2.0",
     "postcss": "^8.4.49",
     "postcss-import": "^16.1.0",
     "prop-types": "^15.8.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-draggable": "^4.4.6",
     "react-final-form": "^6.5.9",
     "react-imask": "^7.6.1",
     "react-intersection-observer": "^9.13.1",
-    "react-is": "^18.3.1",
+    "react-is": "^19.0.0",
     "react-number-format": "^5.4.2",
     "react-router": "^7.0.1",
     "react-runner": "^1.0.5",
@@ -126,8 +126,8 @@
     "@types/json2mq": "^0.2.2",
     "@types/node": "^20.17.9",
     "@types/prop-types": "^15.7.13",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/react-swipeable-views": "^0.13.5",
     "@types/react-transition-group": "^4.4.11",
     "@types/react-window": "^1.8.8",

diff --git a/package.json b/package.json
@@ -132,7 +132,7 @@
     "@types/lodash": "^4.17.13",
     "@types/mocha": "^10.0.10",
     "@types/node": "^20.17.9",
-    "@types/react": "^18.3.12",
+    "@types/react": "^19.0.0",
     "@types/yargs": "^17.0.33",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
@@ -217,8 +217,6 @@
     "@definitelytyped/typescript-versions": "^0.1.6",
     "@definitelytyped/utils": "^0.1.8",
     "@types/node": "^20.17.9",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "18.3.1",
     "cross-fetch": "^4.0.0",
     "@pigment-css/react": "0.0.28",
     "@pigment-css/unplugin": "0.0.28",

diff --git a/packages-internal/scripts/package.json b/packages-internal/scripts/package.json
@@ -43,7 +43,7 @@
     "@types/doctrine": "^0.0.9",
     "@types/lodash": "^4.17.13",
     "@types/node": "^20.17.9",
-    "@types/react": "^18.3.12",
+    "@types/react": "^19.0.0",
     "@types/uuid": "^10.0.0",
     "chai": "^4.5.0",
     "fast-glob": "^3.3.2",

diff --git a/packages-internal/test-utils/package.json b/packages-internal/test-utils/package.json
@@ -59,14 +59,14 @@
     "@types/chai-dom": "^1.11.3",
     "@types/format-util": "^1.0.4",
     "@types/prop-types": "^15.7.13",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/sinon": "^17.0.3",
     "typescript": "^5.7.2"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/mui-base/package.json b/packages/mui-base/package.json
@@ -55,20 +55,20 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/chai": "^4.3.20",
     "@types/prop-types": "^15.7.13",
-    "@types/react": "18.3.12",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/sinon": "^17.0.3",
     "chai": "^4.5.0",
     "fast-glob": "^3.3.2",
     "lodash": "^4.17.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sinon": "^19.0.2"
   },
   "peerDependencies": {
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

diff --git a/packages/mui-docs/package.json b/packages/mui-docs/package.json
@@ -47,9 +47,9 @@
     "@types/gtag.js": "^0.0.20",
     "@types/node": "^20.17.9",
     "@types/prop-types": "^15.7.13",
-    "@types/react": "^18.3.12",
-    "next": "^14.2.18",
-    "react": "^18.3.1"
+    "@types/react": "^19.0.0",
+    "next": "^15.0.4",
+    "react": "^19.0.0"
   },
   "peerDependencies": {
     "@mui/base": "*",
@@ -59,7 +59,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "chai": "^4.4.1",
     "csstype": "^3.1.3",
-    "next": "^13.5.1 || ^14",
+    "next": "^13.5.1 || ^14 || ^15.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {

diff --git a/packages/mui-envinfo/test/package.json b/packages/mui-envinfo/test/package.json
@@ -8,10 +8,10 @@
     "@mui/base": "5.0.0-beta.30",
     "@mui/joy": "5.0.0-beta.22",
     "@mui/material": "5.15.4",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.12"
+    "@types/react": "^19.0.0"
   }
 }
diff --git a/packages/mui-icons-material/package.json b/packages/mui-icons-material/package.json
@@ -52,15 +52,15 @@
     "@mui/internal-waterfall": "workspace:^",
     "@mui/material": "workspace:^",
     "@types/chai": "^4.3.20",
-    "@types/react": "^18.3.12",
+    "@types/react": "^19.0.0",
     "chai": "^4.5.0",
     "chalk": "^5.3.0",
     "cross-fetch": "^4.0.0",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
     "lodash": "^4.17.21",
     "mustache": "^4.2.0",
-    "react": "^18.3.1",
+    "react": "^19.0.0",
     "rimraf": "^6.0.1",
     "shx": "^0.3.4",
     "svgo": "^3.3.2",

diff --git a/packages/mui-joy/package.json b/packages/mui-joy/package.json
@@ -52,23 +52,23 @@
     "@mui/material": "workspace:^",
     "@types/chai": "^4.3.20",
     "@types/prop-types": "^15.7.13",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/sinon": "^17.0.3",
     "chai": "^4.5.0",
     "fast-glob": "^3.3.2",
     "lodash": "^4.17.21",
-    "next": "^14.2.18",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "next": "^15.0.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sinon": "^19.0.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

diff --git a/packages/mui-lab/package.json b/packages/mui-lab/package.json
@@ -53,12 +53,12 @@
     "@mui/material": "workspace:*",
     "@types/chai": "^4.3.20",
     "@types/prop-types": "^15.7.13",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/sinon": "^17.0.3",
     "chai": "^4.5.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sinon": "^19.0.2"
   },
   "peerDependencies": {

diff --git a/packages/mui-material-nextjs/package.json b/packages/mui-material-nextjs/package.json
@@ -42,9 +42,9 @@
     "@emotion/cache": "^11.13.5",
     "@emotion/react": "^11.13.5",
     "@emotion/server": "^11.11.0",
-    "@types/react": "^18.3.12",
-    "next": "^14.2.18",
-    "react": "^18.3.1"
+    "@types/react": "^19.0.0",
+    "next": "^15.0.4",
+    "react": "^19.0.0"
   },
   "peerDependencies": {
     "@emotion/cache": "^11.11.0",

diff --git a/packages/mui-material/package.json b/packages/mui-material/package.json
@@ -50,7 +50,7 @@
     "clsx": "^2.1.1",
     "csstype": "^3.1.3",
     "prop-types": "^15.8.1",
-    "react-is": "^18.3.1",
+    "react-is": "^19.0.0",
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
@@ -59,17 +59,17 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/chai": "^4.3.20",
     "@types/prop-types": "^15.7.13",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/sinon": "^17.0.3",
     "chai": "^4.5.0",
     "css-mediaquery": "^0.1.2",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
     "lodash": "^4.17.21",
     "playwright": "^1.48.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-router": "^7.0.1",
     "sinon": "^19.0.2"
   },

diff --git a/packages/mui-material/src/ButtonBase/ButtonBase.test.js b/packages/mui-material/src/ButtonBase/ButtonBase.test.js
@@ -475,7 +475,7 @@ describe('<ButtonBase />', () => {
 
       it('should not crash when changes enableRipple from false to true', async () => {
         function App() {
-          /** @type {React.MutableRefObject<import('./ButtonBase').ButtonBaseActions | null>} */
+          /** @type {React.RefObject<import('./ButtonBase').ButtonBaseActions | null>} */
           const buttonRef = React.useRef(null);
           const [enableRipple, setRipple] = React.useState(false);
 
@@ -1187,7 +1187,7 @@ describe('<ButtonBase />', () => {
 
     it('should be able to focus visible the button', async () => {
       /**
-       * @type {React.RefObject<import('./ButtonBase').ButtonBaseActions>}
+       * @type {React.RefObject<import('./ButtonBase').ButtonBaseActions | null>}
        */
       const buttonActionsRef = React.createRef();
       const { getByText } = render(
-Original file line number
+Diff line change
@@ Expand Up @@
     ```json
     "peerDependencies": {
-      "react": "^17.0.0 || ^18.0.0"
+      "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
     },
     ```
@@ Expand Down @@