im getting ```ERROR in ./node_modules/@

im getting

ERROR in ./node_modules/@refinedev/mui/dist/index.mjs 14:0-37
Module not found: Error: Can't resolve '@mui/material/Box' in 'xxxx/node_modules/@refinedev/mui/dist'
Did you mean 'index.js'?
BREAKING CHANGE: The request '@mui/material/Box' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request

ERROR in ./node_modules/@refinedev/mui/dist/index.mjs 14:0-37
Module not found: Error: Can't resolve '@mui/material/Box' in 'xxxx/node_modules/@refinedev/mui/dist'
Did you mean 'index.js'?
BREAKING CHANGE: The request '@mui/material/Box' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request

when i use refine imports in a CRA project (jsx)

2 Replies

sunny-green•4mo ago

Hey @gm please check out the release notes for @refinedev/mui. Projects using react-scripts have issues with ESM and Material UI components. We've included a solution in the release notes 🙏

xenial-black•4mo ago

i saw few post stating we need to downgrade. let me check the notes here