ReactDOM.render 에러 해결방법

React 18부터 ReactDOM.render 는 더 이상 권장되지 않으며, 대신 ReactDOM.createRoot 를 사용하여 애플리케이션을 렌더링해야 합니다. createRoot 는 React의 새로운 동시성 기능을 지원하며, 아래와 같은 방식으로 사용할 수 있습니다.

import React from 'react';

import ReactDOM from 'react-dom/client';

function render() {

    const rootElement = document.getElementById('root');

    const root = ReactDOM.createRoot(rootElement);

    root.render(<Container />);

}

이 코드에서 ReactDOM.createRoot 는 rootElement 를 기반으로 루트를 생성하고, 

root.render 를 사용하여 Container 컴포넌트를 렌더링합니다.