• https://github.com/nhn/tui.editor
• NPM 공식 문서 – overrides

프로젝트에서 WYSIWYG 에디터가 필요하여 Toast UI Editor를 도입하려 했지만, React 18과의 의존성 문제로 인해 충돌이 발생했습니다. 이 글에서는 해결 과정과 적용 방법을 공유합니다.

Toast UI Editor란?

Toast UI Editor는 마크다운을 지원하는 강력한 WYSIWYG 에디터로, 별도의 React 컴포넌트 라이브러리도 제공됩니다.

📌 주요 특징

• 마크다운(Markdown) 및 WYSIWYG 지원
• 코드 블록 하이라이팅
• 플러그인 확장 가능
• React 및 Vanilla JS에서 사용 가능

👉 하지만, 설치 과정에서 React 18과의 의존성 충돌 문제가 발생했습니다.

문제 발생 – React 18과의 충돌

설치 중 오류 발생

Toast UI Editor를 설치하려고 했지만, peerDependencies 충돌로 인해 React 버전 관련 오류가 발생했습니다.