Supports react 19

djhi · djhi · commit 53de16302f04 · 2025-01-07T17:18:41.000+01:00
diff --git a/examples/crm/package.json b/examples/crm/package.json
@@ -5,8 +5,8 @@
     "type": "module",
     "dependencies": {
         "@hello-pangea/dnd": "^16.3.0",
-        "@mui/icons-material": "^5.15.20",
-        "@mui/material": "^5.15.20",
+        "@mui/icons-material": "^5.16.12",
+        "@mui/material": "^5.16.12",
         "@nivo/bar": "^0.80.0",
         "@nivo/core": "^0.80.0",
         "clsx": "^2.1.1",
@@ -15,10 +15,10 @@
         "lodash": "~4.17.5",
         "papaparse": "^5.4.1",
         "ra-data-fakerest": "^5.3.0",
-        "react": "^18.3.1",
+        "react": "^19.0.0",
         "react-admin": "^5.3.0",
         "react-cropper": "^2.3.3",
-        "react-dom": "^18.3.1",
+        "react-dom": "^19.0.0",
         "react-error-boundary": "^4.0.3",
         "react-router": "^6.22.0",
         "react-router-dom": "^6.22.0"
diff --git a/examples/crm/src/contacts/ContactImportDialog.tsx b/examples/crm/src/contacts/ContactImportDialog.tsx
@@ -1,10 +1,15 @@
-import { Box, CircularProgress, Stack, Typography } from '@mui/material';
-import Alert from '@mui/material/Alert';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
-import MuiLink from '@mui/material/Link';
+import {
+    Alert,
+    Box,
+    CircularProgress,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    Link as MuiLink,
+    Stack,
+    Typography,
+} from '@mui/material';
 import {
     Button,
     FileField,
diff --git a/examples/crm/vite.config.ts b/examples/crm/vite.config.ts
@@ -14,7 +14,7 @@ export default defineConfig(async () => {
         // eslint-disable-next-line prettier/prettier
         const packageJson = await import(
             path.resolve(__dirname, '../../packages', dirName, 'package.json'),
-            { assert: { type: 'json' } }
+            { with: { type: 'json' } }
         );
         aliases[packageJson.default.name] = path.resolve(
             __dirname,
diff --git a/examples/demo/package.json b/examples/demo/package.json
@@ -5,8 +5,8 @@
     "type": "module",
     "dependencies": {
         "@apollo/client": "^3.3.19",
-        "@mui/icons-material": "^5.15.20",
-        "@mui/material": "^5.15.20",
+        "@mui/icons-material": "^5.16.12",
+        "@mui/material": "^5.16.12",
         "@types/recharts": "^1.8.10",
         "@vitejs/plugin-react": "^2.2.0",
         "clsx": "^2.1.1",
@@ -26,9 +26,9 @@
         "ra-input-rich-text": "^5.0.0",
         "ra-language-english": "^5.0.0",
         "ra-language-french": "^5.0.0",
-        "react": "^18.3.1",
+        "react": "^19.0.0",
         "react-admin": "^5.0.0",
-        "react-dom": "^18.3.1",
+        "react-dom": "^19.0.0",
         "react-router": "^6.22.0",
         "react-router-dom": "^6.22.0",
         "recharts": "^2.1.15"
diff --git a/examples/demo/vite.config.ts b/examples/demo/vite.config.ts
@@ -19,7 +19,7 @@ export default defineConfig(async () => {
         // eslint-disable-next-line prettier/prettier
         const packageJson = await import(
             path.resolve(__dirname, '../../packages', dirName, 'package.json'),
-            { assert: { type: 'json' } }
+            { with: { type: 'json' } }
         );
         aliases[packageJson.default.name] = path.resolve(
             __dirname,
diff --git a/examples/no-code/package.json b/examples/no-code/package.json
@@ -8,12 +8,12 @@
         "serve": "vite preview"
     },
     "dependencies": {
-        "@mui/material": "^5.15.20",
+        "@mui/material": "^5.16.12",
         "ra-data-local-storage": "^5.0.0",
         "ra-no-code": "^5.0.0",
-        "react": "^18.3.1",
+        "react": "^19.0.0",
         "react-admin": "^5.0.0",
-        "react-dom": "^18.3.1"
+        "react-dom": "^19.0.0"
     },
     "devDependencies": {
         "@vitejs/plugin-react": "^4.2.1",
diff --git a/examples/simple/package.json b/examples/simple/package.json
@@ -10,10 +10,8 @@
         "type-check": "tsc --noEmit"
     },
     "dependencies": {
-        "@emotion/react": "^11.7.1",
-        "@emotion/styled": "^11.6.0",
-        "@mui/icons-material": "^5.15.20",
-        "@mui/material": "^5.15.20",
+        "@mui/icons-material": "^5.16.12",
+        "@mui/material": "^5.16.12",
         "@tanstack/react-query": "^5.21.7",
         "@tanstack/react-query-devtools": "^5.21.7",
         "jsonexport": "^3.2.0",
@@ -23,9 +21,9 @@
         "ra-input-rich-text": "^5.4.3",
         "ra-language-english": "^5.4.3",
         "ra-language-french": "^5.4.3",
-        "react": "^18.3.1",
+        "react": "^19.0.0",
         "react-admin": "^5.4.3",
-        "react-dom": "^18.3.1",
+        "react-dom": "^19.0.0",
         "react-hook-form": "^7.53.0",
         "react-router": "^6.22.0",
         "react-router-dom": "^6.22.0"
diff --git a/examples/tutorial/package.json b/examples/tutorial/package.json
@@ -10,9 +10,9 @@
     },
     "dependencies": {
         "ra-data-json-server": "^5.0.0",
-        "react": "^18.3.1",
+        "react": "^19.0.0",
         "react-admin": "^5.0.0",
-        "react-dom": "^18.3.1"
+        "react-dom": "^19.0.0"
     },
     "devDependencies": {
         "@types/react": "^18.3.3",
diff --git a/package.json b/package.json
@@ -56,8 +56,8 @@
         "lolex": "~2.3.2",
         "prettier": "~3.2.5",
         "raf": "~3.4.1",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "storybook": "^8.4.4",
         "ts-jest": "^29.1.0",
         "typescript": "^5.1.3",
diff --git a/packages/create-react-admin/package.json b/packages/create-react-admin/package.json
@@ -27,7 +27,7 @@
         "ink-text-input": "^6.0.0",
         "lodash": "~4.17.5",
         "meow": "^9.0.0",
-        "react": "^18.3.1",
+        "react": "^19.0.0",
         "yn": "^5.0.0"
     },
     "devDependencies": {
diff --git a/packages/ra-core/package.json b/packages/ra-core/package.json
@@ -38,12 +38,11 @@
         "expect": "^27.4.6",
         "ignore-styles": "~5.0.1",
         "jscodeshift": "^0.15.2",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "react-hook-form": "^7.53.0",
         "react-router": "^6.25.1",
         "react-router-dom": "^6.25.1",
-        "react-test-renderer": "^18.2.0",
         "recharts": "^2.1.15",
         "rimraf": "^3.0.2",
         "typescript": "^5.1.3",
diff --git a/packages/ra-input-rich-text/package.json b/packages/ra-input-rich-text/package.json
@@ -38,25 +38,25 @@
         "clsx": "^2.1.1"
     },
     "peerDependencies": {
-        "@mui/icons-material": "^5.15.20",
-        "@mui/material": "^5.15.20",
+        "@mui/icons-material": "^5.16.12",
+        "@mui/material": "^5.16.12",
         "ra-core": "^5.0.0",
         "ra-ui-materialui": "^5.0.0",
         "react": "^18.0.0 || ^19.0.0",
         "react-dom": "^18.0.0 || ^19.0.0"
     },
     "devDependencies": {
         "@mui/icons-material": "^5.15.20",
-        "@mui/material": "^5.15.20",
+        "@mui/material": "^5.16.12",
         "@testing-library/react": "^15.0.7",
         "@tiptap/extension-mention": "^2.0.3",
         "@tiptap/suggestion": "^2.0.3",
         "data-generator-retail": "^5.4.3",
         "ra-core": "^5.4.3",
         "ra-data-fakerest": "^5.4.3",
         "ra-ui-materialui": "^5.4.3",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "react-hook-form": "^7.53.0",
         "rimraf": "^3.0.2",
         "tippy.js": "^6.3.7",
diff --git a/packages/ra-no-code/package.json b/packages/ra-no-code/package.json
@@ -28,16 +28,16 @@
         "@testing-library/react": "^15.0.7",
         "@testing-library/user-event": "^14.5.2",
         "cross-env": "^5.2.0",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "react-router": "^6.22.0",
         "react-router-dom": "^6.22.0",
         "rimraf": "^3.0.2",
         "typescript": "^5.1.3"
     },
     "peerDependencies": {
-        "@mui/icons-material": "^5.15.20",
-        "@mui/material": "^5.15.20",
+        "@mui/icons-material": "^5.16.12",
+        "@mui/material": "^5.16.12",
         "react": "^18.0.0 || ^19.0.0",
         "react-dom": "^18.0.0 || ^19.0.0"
     },
diff --git a/packages/ra-ui-materialui/package.json b/packages/ra-ui-materialui/package.json
@@ -26,9 +26,9 @@
         "watch": "tsc --outDir dist/esm --module es2015 --watch"
     },
     "devDependencies": {
-        "@mui/icons-material": "^5.15.20",
-        "@mui/material": "^5.15.20",
-        "@mui/utils": "^5.15.20",
+        "@mui/icons-material": "^5.16.12",
+        "@mui/material": "^5.16.12",
+        "@mui/utils": "^5.16.12",
         "@testing-library/react": "^15.0.7",
         "@types/dompurify": "^3.0.2",
         "@types/react": "^18.3.3",
@@ -42,13 +42,12 @@
         "ra-core": "^5.4.3",
         "ra-i18n-polyglot": "^5.4.3",
         "ra-language-english": "^5.4.3",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "react-hook-form": "^7.53.0",
         "react-is": "^18.2.0",
         "react-router": "^6.25.1",
         "react-router-dom": "^6.25.1",
-        "react-test-renderer": "^18.2.0",
         "rimraf": "^3.0.2",
         "typescript": "^5.1.3"
     },
diff --git a/packages/ra-ui-materialui/src/input/ArrayInput/ArrayInput.spec.tsx b/packages/ra-ui-materialui/src/input/ArrayInput/ArrayInput.spec.tsx
@@ -384,7 +384,7 @@ describe('<ArrayInput />', () => {
     });
 
     describe('used within a form with global validation', () => {
-        it('should display an error if the array is required and empty', async () => {
+        it.only('should display an error if the array is required and empty', async () => {
             render(<GlobalValidation />);
             await screen.findByDisplayValue('Leo Tolstoy');
             const RemoveButtons = screen.getAllByLabelText('Remove');
@@ -393,12 +393,11 @@ describe('<ArrayInput />', () => {
             await waitFor(() => {
                 expect(screen.queryAllByLabelText('Remove')).toHaveLength(0);
             });
+            await screen.findByText('Required');
             const SaveButton = screen.getByText('Save');
             fireEvent.click(SaveButton);
             await screen.findByText(
-                'The form is not valid. Please check for errors',
-                undefined,
-                { timeout: 3000 }
+                'The form is not valid. Please check for errors'
             );
         });
         it('should display an error if one of the required field is empty', async () => {
diff --git a/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx b/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx
@@ -692,7 +692,6 @@ If you provided a React element for the optionText prop, you must also provide t
                 onInputChange={handleInputChange}
                 renderOption={(props, record: RaRecord) => {
                     // We have to extract the key because react 19 does not allow to spread the key prop
-                    // @ts-expect-error The key is indeed inside props but MUI does not provide the correct type
                     const { key: ignoredKey, ...rest } = props;
                     // We don't use MUI key which is generated from the option label because we may have options with the same label but with different values
                     const key = getChoiceValue(record);
diff --git a/packages/react-admin/package.json b/packages/react-admin/package.json
@@ -36,10 +36,8 @@
         "react-dom": "^18.0.0 || ^19.0.0"
     },
     "dependencies": {
-        "@emotion/react": "^11.4.1",
-        "@emotion/styled": "^11.3.0",
-        "@mui/icons-material": "^5.15.20",
-        "@mui/material": "^5.15.20",
+        "@mui/icons-material": "^5.16.12",
+        "@mui/material": "^5.16.12",
         "ra-core": "^5.4.3",
         "ra-i18n-polyglot": "^5.4.3",
         "ra-language-english": "^5.4.3",
diff --git a/yarn.lock b/yarn.lock
