material-ui 'createSvgIcon' is not exported from '@material-ui/core/utils'

Question

I have installed material-ui/lab in order to user the alert component, but whenever i import it with: import Alert from '@material-ui/lab/Alert'; it fails to compile and throws this error:

./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.

So I tried to google this problem and found another question about the material-ui/lab/AutoComplete component (This question exactly) and the accepted answer was to update the material-ui/core to version 4.9.9, and it looks like it worked for the guy who asked, but sadly not for me, i have this versions of all the installed material-ui things:

    "@material-ui/core": "^4.9.9",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.48",

so now i'm asking u guys if there is another way to solve this problem, thanks

Answer 1

This issue is reported here and closed as the latest version of /core and lab fixes the issue: https://github.com/mui-org/material-ui/issues/20482

I had the same error and using this combination of versions fixed the problem:

"@material-ui/core": "^4.9.10"
"@material-ui/lab": "^4.0.0-alpha.49"

Hope this helps

Answer 2

It is the @material-ui/core version problem because you don't have latest @material-ui/core version. Remove @material-ui/core and install it again.remove node modulus and do npm install.working

Answer 3

Had the same issue with these versions:

    "@material-ui/core": "^4.9.10",
    "@material-ui/icons": "^4.5.1",
    "@material-ui/lab": "^4.0.0-alpha.49",

npm update didn't warn about anything but didn't resolve it either, I had to remove the node_modules folder alltogether and the package-lock.json file. Not sure which one actually fixed it..

Also added this to the linked issue https://github.com/mui-org/material-ui/issues/20482