Import error when using Material UI styles with React router v7 framework #45300
Assignees
Labels
Comments
kayden1940
added
the
status: waiting for maintainer
aarongarciah
removed
the
status: waiting for maintainer
|
@kayden1940 can you share the @toolpad and @mui package versions? |
aarongarciah
changed the title
|
likely, yes. @kayden1940 can you try with |
"@toolpad/core": "^0.12.0", "@mui/material": "^6.4.4", |
doesn't solve it using "@mui/material": "7.0.0-alpha.1" |
|
@kayden1940 kindly request you to provide a stackblitz with a reproduction. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Steps to reproduce
Similar to this one #42544
A fresh start of React router v7 framework template, installing and importing ReactRouterAppProvider yield below:
Directory import '/repo/packages/web/node_modules/.pnpm/@toolpad+core@0.12.0_@emotion+react@11.14.0_@types+react@19.0.8_react@19.0.0__@emotion+styled_eyl2qwst7e3srdiktssoojso7e/node_modules/@mui/material/styles' is not supported resolving ES modules imported from /repo/packages/web/node_modules/.pnpm/@toolpad+core@0.12.0_@emotion+react@11.14.0_@types+react@19.0.8_react@19.0.0__@emotion+styled_eyl2qwst7e3srdiktssoojso7e/node_modules/@toolpad/core/AppProvider/AppProvider.js Did you mean to import "@mui/material/node/styles/index.js"?adding ssr noExternal in vite.config doesn't solve it.
Current behavior
No response
Expected behavior
No response
Context
No response
Your environment
System:
OS: macOS 15.2
Binaries:
Node: 22.8.0 - ~/.nvm/versions/node/v22.8.0/bin/node
npm: 10.8.2 - ~/.nvm/versions/node/v22.8.0/bin/npm
pnpm: 9.15.1 - ~/.nvm/versions/node/v22.8.0/bin/pnpm
Browsers:
Chrome: 133.0.6943.54
Edge: Not Found
Safari: 18.2
npmPackages:
@emotion/react: 11.14.0
@types/react: 19.0.8
react: 19.0.0
react-dom: 19.0.0
typescript: ^5 => 5.7.3
Search keywords: React router v7 framework, toolpad
The text was updated successfully, but these errors were encountered: