Search code examples
npmvercel

While resolving: @material-ui/[email protected] Found: @types/[email protected] during Vercel deploying


I got that log during the deployment process on Vercel:

Installing dependencies...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @material-ui/[email protected]
npm ERR! Found: @types/[email protected]
npm ERR! node_modules/@types/react
npm ERR!   dev @types/react@"^18" from the root project
npm ERR!   peerOptional @types/react@"*" from @material-ui/[email protected]

npm ERR! Could not resolve dependency:
npm ERR! peerOptional @types/react@"^16.8.6 || ^17.0.0" from @material-ui/[email protected]

npm ERR! Conflicting peer dependency: @types/[email protected]
npm ERR! node_modules/@types/react
npm ERR!   peerOptional @types/react@"^16.8.6 || ^17.0.0" from @material-ui/[email protected]

My dependencies:

"@material-ui/core": "^4.12.4", "@mui/system": "^5.15.7", "@types/react": "^17.0.0",


Solution

  • It looks like you're trying to use @types/react@^18.0.0. Try reinstalling @types/react@^17.0.0

    npm i -d @types/react@^17.0.0