<Error> Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17.

Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17.

 

 

원인

React 18에서 변경된 API 사용에 관한 건.

ReactDOM.render 대신 createRoot 함수를 사용해야 함, 새로운 API로 전환하지 않으면 앱은 React 17처럼 동작함

 

해결

1. ReactDOM.render를 createRoot로 변경

 

기존 코드 

import React from 'react';
import ReactDOM from 'react-dom';

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

 

변경 후 코드

import React from 'react';
import { createRoot } from 'react-dom';

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