React18ではレンダリング方法を変えよう

React18がリリースされ、既存のプロジェクトをReact18にアップデートする人が増えてきていると思います。React18からのレンダリング方法は下記のように変更するとReact18の機能をフルに使えます。

import { createRoot } from 'react-dom/client';

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