Recibo este error de @mui/biblioteca de materiales, verifiqué el archivo package.json de mui/system y tiene alfa exportado en él.
./node_modules/@mui/material/styles/index.js Attempted import error: 'alpha' is not exported from '@mui/system'.Aquí está el paquete.json de la aplicación
"dependencies": { "@date-io/date-fns": "1.x", "@emotion/react": "11.7.0", "@emotion/styled": "11.6.0", "@material-ui/core": "4.12.3", "@material-ui/icons": "4.11.2", "@mui/icons-material": "5.2.0", "@mui/material": "^5.2.7", "@mui/styled-engine-sc": "5.1.0", "@mui/styles": "5.2.2", "@mui/system": "^5.2.6", "@reduxjs/toolkit": "1.6.2", "@testing-library/jest-dom": "5.11.4", "@testing-library/react": "11.1.0", "@testing-library/user-event": "12.1.10", "date-fns": "2.27.0", "express": "4.17.1", "react": "17.0.2", "react-bootstrap": "2.0.2", "react-bootstrap-icons": "1.6.1", "react-circular-gradient-progress": "1.1.1", "react-circular-progressbar": "2.0.4", "react-dom": "17.0.2", "react-icons": "4.3.1", "react-organizational-chart": "2.1.0", "react-redux": "7.2.6", "react-router-dom": "5.2.0", "react-scripts": "4.0.3", "react-spring": "9.3.1", "styled-components": "5.3.3", "web-vitals": "1.0.1" }, La versión de mi nodo es v12.22.8
Creo que el problema es que ha mezclado las bibliotecas Material UI versión 4 y 5 y son incompatibles entre sí. Intente reemplazar @material-ui/core con @mui/core y simplemente elimine la importación de @material-ui/icons ya que ya tiene @mui/icons-material y use las últimas versiones de todas las importaciones de @mui/*.
Borre node_modules antes de volver a instalar las dependencias, para asegurarse de que todo esté en orden y que se eliminen las versiones de dependencia anteriores.
EDITAR: lo que resultó ser necesario para resolverlo al final: instale el nodo v12.22.7, elimine node_modules, limpie el caché de hilo y reinstale las dependencias