_emotion_styled__rspack_import_0 не является функцией ⇐ Javascript

[Anonymous]

При использовании rspack с Typescript и Material UI (MUI) с React для запуска в режиме разработки выдается следующая ошибка:

_emotion_styled__rspack_import_0 не является функцией TypeError: _emotion_styled__rspack_import_0 не является функцией в стиле (http://localhost:3001/vendors-node_modu ... s:67471:27) в стиле (http://localhost:3001/vendors-node_modu ... s:70010:89) по адресу ./node_modules/@mui/material/esm/SvgIcon/SvgIcon.js (http://localhost:3001/vendors-node_modu ... s:49049:74) по адресу _webpack_require_ (http://localhost:3001/main.js:8880:30) по адресу ./node_modules/@mui/material/esm/utils/createSvgIcon.js (http://localhost:3001/vendors-node_modu ... s:66436:55) по адресу _webpack_require_ (http://localhost:3001/main.js:8880:30) по адресу ./node_modules/@mui/material/esm/utils/index.js (http://localhost:3001/vendors-node_modu ... s:66543:55) по адресу _webpack_require_ (http://localhost:3001/main.js:8880:30) по адресу ./node_modules/@mui/material/esm/index.js (http://localhost:3001/vendors-node_modu ... s:60712:53) по адресу _webpack_require_ (http://localhost:3001/main.js:8880:30)

Я создал пример проекта здесь:

https://github.com/AMI3GOLtd/hmr-error
Для запуска

Код: Выделить всё

yarn install
yarn start

Похоже, это происходит, как только используется компонент MUI. Если вы удалите ссылку на Paper вComponents/index.tsx и вернете простой фрагмент (например, функцию экспорта Beef() { return Beef; ), это сработает.
Ошибку можно увидеть в окне браузера.

Подробнее здесь: https://stackoverflow.com/questions/798 ... a-function