[React / Error] Warning: ReactDOM.render is no longer supported in React 18.

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

말 그대로 리액트 18에서는 더이상 ReactDOM.render를 지원하지 않아 생기는 에러이다.
이제는 ReactDOM.createRoot를 써야한다.

<script type="text/babel">
    import { createRoot } from 'react-dom/client';


    let mydata = JSON.parse(JSON.stringify(data));
        console.log(mydata);
        
    const list = createRoot(document.getElementById('list'));
    list.render(<SideBar data={mydata}/>);
</script>

이제는 이런식으로 컴포넌트를 랜더링해야한다.