useId에 대한 공부를 하려고 기본적인 코드를 작성하고 실행했지만
react에서 useId를 import해서 사용할 수 없다는 에러가 떴다.
원인은 리액트 버전의 문제였다.
리액트 프로젝트를 설치하기 귀찮아서 언제였는지 기억도 나지 않는 예전에 설치해둔 곳에서 테스트 했는데 useId의 경우 react 버전18부터 사용이 가능했기 때문이다. 확인을 해보니 내가 설치한 리액트는 버전17이었고 리액트 업데이트가 필요했다.
React 최신버전 확인 및 업데이트
업데이트를 위해 react 버전은 공식 사이트 https://react.dev/ 에서 확인한다.
만약, 최신 버전으로 업데이트 하려면 install을 하고 특정 버전으로 업데이트 하려면 update를 한다.
특정버전으로 업데이트 하려면.
package.json 파일에서 react와 react-dom 버전을 수정해준다.
React version Update
터미널에서 react와 react-dom을 업데이트 한다.
최신 버전으로
npm install react react-dom
특정 버전으로
npm update react react-dom
Updates to Client Rendering APIs
이번에 문제는 다른 곳에서 생겼다. 브라우저 콘솔에 이러한 에러가 떴다.
(ReactDOM.render는 더 이상 React 18에서 지원되지 않습니다. 대신 createRoot를 사용하세요. 새 API로 전환할 때까지 앱은 마치 React 17을 실행하는 것처럼 작동합니다.)
번역을 해보니 이런내용이다. 친절하게 알려주는 위 링크를 들어가니 https://reactjs.org/link/switch-to-createroot
자세히 알려준다.
귀찮더라도 최신 버전을 그때마다 설치하는 것이 좋겠다는 결론이다.
이미 버전 19 beta가 있던데 새롭게 더 많은 기능들이 생기면서 공부할 게 더 많아질 듯 하다. 신난다으악!!