I want to develop an application with react router and MUI material.

To create a dashboard, I want to use Toolpad from MUI material, but when I want to test the template. I get the following error : Directory import '...@mui\material\styles' is not supported resolving ES modules imported from ...@toolpad\core\AppProvider\AppProvider.js

Here is the following imports :

import BarChartIcon from "@mui/icons-material/BarChart";
import DashboardIcon from "@mui/icons-material/Dashboard";
import DescriptionIcon from "@mui/icons-material/Description";
import LayersIcon from "@mui/icons-material/Layers";
import ShoppingCartIcon from "@mui/icons-material/ShoppingCart";
import Box from "@mui/material/Box";
import Typography from "@mui/material/Typography";
import { createTheme } from "@mui/material/styles";
import { AppProvider, type Navigation } from "@toolpad/core/AppProvider";
import { DashboardLayout } from "@toolpad/core/DashboardLayout";
import { useDemoRouter } from "@toolpad/core/internal";

I check and my dependencies is correctly install in my package.json :

"dependencies": {
    "@emotion/react": "^11.14.0",
    "@emotion/styled": "^11.14.0",
    "@mui/material": "^6.4.0",
    "@mui/icons-material": "^6.4.0",
    "@react-router/node": "^7.1.3",
    "@react-router/serve": "^7.1.3",
    "@toolpad/core": "^0.12.0",
    "isbot": "^5.1.17",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "react-router": "^7.1.3"
  },