[트러블 슈팅] react-speech-kit 3.0.1 과 React 18 버전 호환성 문제 1

 

AI로 글자를 읽어주는 음성지원 기능을 사용하기 위해서는, react-speech-kit 모듈이 필요하다. 

그런데 최신 버전인 react-speech-kit  3.0.1이, 팀에서 사용하는 react 18.3.1과 호환이 되지 않았다.

 

react-speech-kit의 경우 이게 최신 버전이기 떄문에, 문제를 해결하려면 react를 16.8.0으로 다운 그레이드 해야했다. 

하지만, 팀에서는 리액트를 최신 버전으로 유지하기를 원했고,

그래서 나는 일단 --legacy 명령어를 사용해서 모듈을 강제적으로 설치한 후,

나중에 json 파일을 수정하는 방향으로 진행하기로 했다 

npm install react-speech-kit@^3.0.1 --legacy-peer-deps

 

# package-lock.json

    "node_modules/react-speech-kit": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/react-speech-kit/-/react-speech-kit-3.0.1.tgz",
      "integrity": "sha512-MXNOciISanhmnxpHJkBOev3M3NPDpW1T7nTc/eGw5pO9cXpoUccRxZkmr/IlpTPbPEneDNeTmbwri/YweyctZg==",
      "peerDependencies": {
        "prop-types": "^15.7.2",
        "react": "^16.8.0"
      }

 

위에서 react의 버전을 수정했다. 

 

# package-lock.json

    "node_modules/react-speech-kit": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/react-speech-kit/-/react-speech-kit-3.0.1.tgz",
      "integrity": "sha512-MXNOciISanhmnxpHJkBOev3M3NPDpW1T7nTc/eGw5pO9cXpoUccRxZkmr/IlpTPbPEneDNeTmbwri/YweyctZg==",
      "peerDependencies": {
        "prop-types": "^15.7.2",
        "react": "^18.3.1"
      }

 

그랬더니 빌드 및 run이 잘 성공적으로 되었다.