React - 18 버전에서 발생한 에러

춤추는개발자·2023년 3월 25일
0


리액트를 사용하다가 위의 에러를 마주쳤습니다.

넌 뭐냐... 자세히 에러의 메세지를 읽어보니 ReactDOM.render 는 18버전에서 지원하지 않습니다. 대신에 createRoot 를 사용하세요. 그 전까지 해당 애플리케이션은 리액트 17버전에서 돌아가는 것 처럼 실행 됩니다 라는 메세지 입니다.
아주 친절하네요... 아마 18버전에서의 기능들도 지원하지 않겠죠?

그럼 우리는 위의 코드를 사용하기 위해서 ReactDOM 코드를 사용하고 있는 곳으로 이동 합니다. 아마 거기에는 ReactDOM.render 를 사용하고 있을 겁니다.
그 코드를

ReactDOM.createRoot(document.querySelector("#root")).render(<컴포넌트/>);

위의 코드로 변경하면 에러는 해결 될 것입니다!
그럼 리액트 화이팅!

0개의 댓글