Upgrade React

Upgrade to React 18

Upgrading an existing React application to version 18 only requires two steps.

Step 1: Install React 18

To install the latest version, from your project folder run the following from the terminal:

npm i react@latest react-dom@latest

Step 2: Use the new root API

In order to take advantage of React 18's concurrent features you'll need to 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 />);