React 버전 낮추기 & 오류 해결

React 버전을 최신 버전을 적용했더니 오픈소스가 호환이 되지 않는 항목들을 많이 경험할 수 있었습니다.

 

18.2.0 을 사용하고 있었는데

 

17.0.2 로 낮추고 사용하기로 결정했습니다.

 

버전을 낮추는 방법은 간단하더라고요

 

npm install react@^17.0.2 react-dom@17.0.2

원하는 버전이 있다면  17.0.2 를 다른버전으로 적용하면 됩니다.

 

그리고 서버를 재시작하면 아래와 같은 컴파일 실패 오류가 발생합니다.

 

Failed to compile.

Module not found: Error: Can't resolve 'react-dom/client' in 'C:\workspace\react\src'
ERROR in ./src/index.js 5:0-40
Module not found: Error: Can't resolve 'react-dom/client' in 'C:\workspace\react\src'

webpack compiled with 1 error

 

모듈을 찾을 수 없다는 건데 18버전에서 사용했던 react-dom/client 모듈을 찾을 수 없다는 오류인데

 

react-dom/client -->> react-dom 으로 변경해주시면 오류는 사라지고,

 

정상적으로 컴파일이 완료될 것입니다.

 

 

 

 

Uncaught TypeError: react_dom__WEBPACK_IMPORTED_MODULE_1__.createRoot is not a function

 

위 오류는 아래 소스를 변경합니다.

 

 

변경전

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <App/>
);

 

 

변경후

ReactDOM.render(
  <App/>,
  document.getElementById('root')
);

 

위와 같이 변경하면 버전 다운그레이드가 완료됩니다.