ReactDOM.render is no longer supported in React 18

Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it’s running React 17

import React from 'react';

import ReactDOM from 'react-dom';

import './index.css';

import App from './App';

ReactDOM.render(

<React.StrictMode>

<App />

</React.StrictMode>,

document.getElementById('root')

);

Change to:

import React from 'react';

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

import './index.css';

import App from './App';

const container = document.getElementById('root');

const root = createRoot(container);

root.render(

<React.StrictMode>

<App />

</React.StrictMode>

);

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

createRoot(document.getElementById('root')).render(<h1>Your App</h1>)