Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead.

npm run start를 수행하니 평소와 달리 다음과 같은 warning이 발생했다.

경고의 내용은 React 18에서는 더이상 ReactDOM.render가 지원되지 않으니 createRoot로 대체하라는 내용이였다.

기존에는 위처럼 사용했었지만, 공식문서에 따르면 React 18부터는 다음과 같이 사용해야한다고 한다.

ReactDOM.createRoot(rootNode).render(<App />);

createRoot는 ReactDOM.render(<APP />, rootNode)를 대체하고 Concurrent 모드를 활성화하게 되는데, 여기서 Concurrent 모드는 무엇일까?

Concurrent 모드에 대해서는 다음에 다시 정리해보도록 해야겠다.

References

• https://ko.reactjs.org/docs/concurrent-mode-reference.html#concurrent-mode