Bump React (mui#12295)

Co-authored-by: Lukas <[email protected]>
Co-authored-by: Andrew Cherniavskyi <[email protected]>

Author: 3 people

docs/package.json

@@ -78,11 +78,11 @@
     "postcss": "^8.4.38",
     "prismjs": "^1.29.0",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-docgen": "^5.4.3",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.52.0",
-    "react-is": "^18.2.0",
+    "react-is": "^18.3.1",
     "react-router": "^6.23.1",
     "react-router-dom": "^6.23.1",
     "react-runner": "^1.0.5",
@@ -107,7 +107,7 @@
     "@types/luxon": "^3.4.2",
     "@types/moment-hijri": "^2.1.4",
     "@types/moment-jalaali": "^0.7.9",
-    "@types/react-dom": "18.2.25",
+    "@types/react-dom": "^18.3.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/stylis": "^4.2.6",
     "@types/webpack-bundle-analyzer": "^4.7.0",

package.json

@@ -88,7 +88,7 @@
     "@mnajdova/enzyme-adapter-react-18": "^0.2.0",
     "@mui/icons-material": "^5.15.20",
     "@mui/internal-markdown": "^1.0.5",
-    "@mui/internal-test-utils": "^1.0.1",
+    "@mui/internal-test-utils": "^1.0.2",
     "@mui/material": "^5.15.20",
     "@mui/monorepo": "github:mui/material-ui#22c5206a9e8191b2f81131d6978a0958e55b7032",
     "@mui/utils": "^5.15.20",
@@ -106,8 +106,8 @@
     "@types/lodash": "^4.17.5",
     "@types/mocha": "^10.0.6",
     "@types/node": "^18.19.34",
-    "@types/react": "^18.2.60",
-    "@types/react-dom": "^18.2.25",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@types/react-test-renderer": "^18.3.0",
     "@types/requestidlecallback": "^0.3.7",
     "@types/sinon": "^17.0.3",
@@ -175,8 +175,8 @@
     "prettier": "^3.3.2",
     "pretty-quick": "^4.0.0",
     "process": "^0.11.10",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "remark": "^13.0.0",
     "rimraf": "^5.0.7",
     "serve": "^14.2.3",
@@ -194,7 +194,7 @@
     "yargs": "^17.7.2"
   },
   "resolutions": {
-    "react-is": "^18.2.0",
+    "react-is": "^18.3.1",
     "@types/node": "^18.19.34"
   },
   "packageManager": "[email protected]",

packages/x-charts/package.json

@@ -69,7 +69,7 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.1",
+    "@mui/internal-test-utils": "^1.0.2",
     "@react-spring/core": "^9.7.3",
     "@react-spring/shared": "^9.7.3",
     "@types/d3-color": "^3.1.3",

packages/x-data-grid-premium/package.json

@@ -61,7 +61,7 @@
     "react-dom": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.1",
+    "@mui/internal-test-utils": "^1.0.2",
     "@types/prop-types": "^15.7.12",
     "date-fns": "^2.30.0",
     "rimraf": "^5.0.7"

packages/x-data-grid-pro/package.json

@@ -59,7 +59,7 @@
     "react-dom": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.1",
+    "@mui/internal-test-utils": "^1.0.2",
     "@types/prop-types": "^15.7.12",
     "rimraf": "^5.0.7"
   },

packages/x-data-grid/package.json

@@ -60,7 +60,7 @@
     "react-dom": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.1",
+    "@mui/internal-test-utils": "^1.0.2",
     "@mui/joy": "5.0.0-beta.32",
     "@mui/types": "^7.2.14",
     "@types/prop-types": "^15.7.12",

packages/x-data-grid/src/components/panel/GridPanel.test.tsx

@@ -33,18 +33,13 @@ describe('<GridPanel />', () => {
     classes: classes as any,
     inheritComponent: Popper,
     muiName: 'MuiGridPanel',
-    render: (node: React.ReactElement) => render(<Wrapper>{node}</Wrapper>),
-    wrapMount:
-      (baseMount: (node: React.ReactElement) => import('enzyme').ReactWrapper) =>
-      (node: React.ReactNode) => {
-        const wrapper = baseMount(
-          <Wrapper>
-            <div data-id="gridPanelAnchor" />
-            <span>{node}</span>
-          </Wrapper>,
-        );
-        return wrapper.find('span').childAt(0);
-      },
+    render: (node: React.ReactElement) =>
+      render(
+        <Wrapper>
+          <div data-id="gridPanelAnchor" />
+          {node}
+        </Wrapper>,
+      ),
     refInstanceof: window.HTMLDivElement,
     only: ['mergeClassName', 'propsSpread', 'refForwarding', 'rootClass'],
   }));

packages/x-date-pickers-pro/package.json

@@ -96,7 +96,7 @@
     }
   },
   "devDependencies": {
-    "@mui/internal-test-utils": "^1.0.1",
+    "@mui/internal-test-utils": "^1.0.2",
     "@types/luxon": "^3.4.2",
     "@types/prop-types": "^15.7.12",
     "date-fns": "^2.30.0",

packages/x-date-pickers-pro/src/DateRangeCalendar/DateRangeCalendar.test.tsx

@@ -14,7 +14,6 @@ import {
   MockedDataTransfer,
   rangeCalendarDayTouches,
   createPickerRenderer,
-  wrapPickerMount,
 } from 'test/utils/pickers';
 import {
   DateRangeCalendar,
@@ -45,7 +44,6 @@ describe('<DateRangeCalendar />', () => {
     inheritComponent: 'div',
     render,
     muiName: 'MuiDateRangeCalendar',
-    wrapMount: wrapPickerMount,
     refInstanceof: window.HTMLDivElement,
     skip: ['componentProp', 'componentsProp', 'reactTestRenderer', 'themeVariants'],
   }));

packages/x-date-pickers-pro/src/DateRangePicker/describes.DateRangePicker.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';
-import { createPickerRenderer, wrapPickerMount } from 'test/utils/pickers';
+import { createPickerRenderer } from 'test/utils/pickers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<DateRangePicker /> - Describes', () => {
@@ -10,7 +10,6 @@ describe('<DateRangePicker /> - Describes', () => {
     classes: {} as any,
     render,
     muiName: 'MuiDateRangePicker',
-    wrapMount: wrapPickerMount,
     refInstanceof: window.HTMLDivElement,
     skip: [
       'componentProp',