Export 'ReactDOM' (imported as 'ReactDOM') was not found in 'react-dom'

I am getting this warning when following the JS Mastery course - React in one of the very first lessons, anybody come across this before?

export ‘ReactDOM’ (imported as ‘ReactDOM’) was not found in ‘react-dom’

What does your react-dom import statement look like?

I believe with the most recent update, there are some errors in the index.js file. Try reconfiguring the root DOM and changing it to import from “react-dom/client”

Below is the best way I’ve found to start structuring this file.

import React from ‘react’;
import ReactDOM from ‘react-dom/client’;
import App from ‘./App’;
import { BrowserRouter as Router } from ‘react-router-dom’;

const root = ReactDOM.createRoot(
document.getElementById(‘root’)
);

const app = (
<React.StrictMode>



</React.StrictMode>
)

root.render(app);

got the same error the issue check that your code has this
import ReactDOM from ‘react-dom’;
instead of
import {ReactDOM} from ‘react-dom’;

 import ReactDOM from 'react-dom'
```strong text

not 

import {ReactDom} from ‘react-dom’

1 Like