[MUI Error] npm ERR! Could not resolve dependency: npm ERR! peer react@”^16.8.0 || ^17.0.0″ from @material-ui/core@4.12.3

문제 발생

MUI로 개발을 하던 프로젝트의 배포단계에서 다음과 같은 에러를 마주했다.

의존성 문제로 인해 발생한 것으로 보이며,
해당 문제가 발생했을 때 해결할 수 있는 방법은 아래와 같이 2가지가 있다.

---

해결 방법

1. --force 사용

package-lock.json에 몇가지의 다른 의존 버전들을 추가한다.

npm install @mui/material @emotion/react @emotion/styled --force

---

2. --legacy-peer-deps 사용

peerDependency가 맞지 않아도 일단 설치한다.

npm install @mui/material @emotion/react @emotion/styled --legacy-peer-deps

npm install @mui/icons-material --legacy-peer-deps

---

1, 2의 방법중 하나를 골라서 사용하면된다.
둘의 차이는 의존버전들을 추가설치를 하느냐, 무시하느냐의 차이이다.

MUI 버전 에러가 아니더라도 해당 명령어는 종종 쓰일 것이기 때문에 알아두면 유용한 것 같다.