[React] React v18 - createRoot

createRoot?

평소처럼 React 프로젝트를 clone을 하고 실행하는데 아래와 같은 에러가 출력됐다.

처음 보는 오류라 공식 문서를 찾아보니, React v18에서는 ReactDOM.render이 아닌 createRoot를 사용해야 한다고 한다.
공식 문서를 참고하여 코드를 수정하였다.

• index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById("root"));

root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

이렇게 수정하면 오류 없이 잘 동작한다!