[오류]Could not resolve dependency:npm ERR! peer react@"^17.0.1" from @toast-ui/react-editor@3.2.2

 

✔ 문제

게시판 form 에 toast-ui editor를 사용하려고 하는데 다음과 같은 오류가 발생했습니다.

지금 제 react 버전과 맞지 않아서 생긴 오류로 보이는데 editor 때문에 리액트 버전을 낮추고싶지는 않았어요

 

✔ 해결과정

다른 editor를 사용하는 방법도 있지만, 우선 한국어가 잘 적용되는 toast-ui  editor를 사용하고 싶었습니다.

캡쳐 화면을 보면 --force 를 붙여서 충돌을 우회하든지 --legacy-peer-deps로 충돌을 무시하라고 나와있어요.

저는 --force로 충돌을 우회하였습니다.

npm install --save @toast-ui/react-editor --force

우선 import 하는데 까지는 성공했습니다.

그런데 좋아보이진 않아요.

warning이 잔뜩 뜨고 이렇게 되면 나중에 다른 것들과 충돌이 날까봐 무섭네요.

 

이후 제 환경은 typescript + Next.js + React 인데 toast Editor는 ssr 을 지원하지 않고, 저 많은 warning들이 

찝찝하여 이 에디터는 제 환경과 맞지 않는다고 판단하여 다른 editor를 사용하는 방법으로 생각을 바꿨습니다!