[React] react-simple-wysiwyg 빌드 오류

./node_modules/react-simple-wysiwyg/lib/index.es.mjs
Can't import the named export 'createContext' from non EcmaScript module (only default export is available)

원래 잘 됐는데 github action에서 빌드 중 위와 같은 오류가 발생했다.

 

https://github.com/megahertz/react-simple-wysiwyg

GitHub - megahertz/react-simple-wysiwyg: Simple and lightweight React WYSIWYG editor

 

확인해보니 해당 모듈의 새로운 버전이 릴리즈 되어 있었는데

(로컬은 2.0.2, github 에서는 2.1.1)

로컬에서 최신 버전으로 맞춰서 빌드해보니 동일한 오류가 발생했다.

 

package.json에서 ^x.y.z로 하면 x는 고정된 상태로 y와 z는 가장 최신의 것으로 설치된다.

 

^2.0.2상태면 앞의 2버전은 고정된 상태로 가장 최신의 모듈을 불러와서,

이 경우 최신 버전인 2.1.1을 설치한다.

 

다시 코드를 확인해보니 이 모듈이 사용하는 react의 버전도 17-> 18 이상으로 올라 있는 등 꽤 크게 바뀌어서

프로젝트 내의 의존성들과 충돌을 일으킨 듯 하다.

 

따라서 버전을 고정시켜 현재 사용중인 react 16에서 문제없이 작동하게 해 준다.

^없이 버전만 명시하면 업데이트와 관계없이 항상 해당 버전으로 설치된다.