How to upgrade to React 18

Install React 18 and React DOM from npm or yarn, like this:

npm install react react-dom

Then, you'll want to use createRoot **instead of **render.

In your index.js, update ReactDOM.render to ReactDOM.createRoot to create a root, and render your app using root

Here's what it would look like in React 17:

import ReactDOM from 'react-dom';import App from 'App';const container = document.getElementById('app');ReactDOM.render(<App />, container);

And here's what it looks like in React 18:

import ReactDOM from 'react-dom';import App from 'App';const container = document.getElementById('app');// create a rootconst root = ReactDOM.createRoot(container);//render app to rootroot.render(<App />);

And you are now upgraded to React 18! enjoy!