React Upgrade
Upgrade to React 18
Upgrading an existing React application to version 18 takes only two steps.
If you are already using the most recent version of create-react-app, which runs React version 18, you can skip this part.
Step 1: Install React 18
To install the newest version, run the following command from your project folder in the terminal:
npm i react@latest react-dom@latest
Step 2: Use the new root API
To take advantage of React 18’s concurrent features, use the new root API for client rendering.
// Before
import ReactDOM from 'react-dom';
ReactDOM.render(<App />, document.getElementById('root'));
// After
import ReactDOM from 'react-dom/client';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);
Your application will function without utilizing the new root API. If you continue to use ReactDOM.render, your application will behave as React 17.
