React App: Cannot find module 'react-dom/client' or its corresponding type declarations

Question

I'm currently experiencing this error and I'm not really sure how to fix it. I've been trying to merge a project with components stored in bit.dev.

import React from 'react';
import { createRoot } from 'react-dom/client'; // Cannot find module 'react-dom/client' or its corresponding type declarations.
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from 'react-router-dom';

import 'bootstrap/dist/css/bootstrap.min.css';

const rootElement = document.getElementById('root');
if (!rootElement) throw new Error('Failed to find the root element');
const root = createRoot(rootElement);
root.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>
);

Here is the code. Thanks for your help!

Does this answer your question? Cannot find module 'react-dom/client' from 'node_modules/@testing-library/react/dist/pure.js' — Michael Freidgeim
– Michael Freidgeim, Commented Feb 24, 2023 at 8:01

rubenf01 · Accepted Answer · 2022-04-23 00:27:51Z

4

For anyone that might experience the same problem, the version of react bit.dev is using and the version the actual app is using are different. All I had to do was change the way the app was rendered (in this case react v17).

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from 'react-router-dom';

import 'bootstrap/dist/css/bootstrap.min.css';

ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

answered Apr 23, 2022 at 0:27

rubenf01

1341 gold badge1 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nat Okpe · Accepted Answer · 2022-04-23 10:26:05Z

4

After running npm install react react-dom or yarn add react react-dom as instructed here, you should then run

npm install -D @types/react-dom

or

yarn add -D @types/react-dom

This will add react-dom/client type declarations to your project and will remove the error you pointed at on line 2 of your code.

answered Apr 23, 2022 at 10:26

Nat Okpe

493 bronze badges

1 Comment

John Over a year ago

Of course, they were already installed. Yet it continues to show that error for react-dom/client.

BARNOWL · Accepted Answer · 2022-04-21 00:19:47Z

-2

Try

import * as ReactDOM from 'react-dom/client';

Then ReactDOM.createRoot

answered Apr 21, 2022 at 0:19

BARNOWL

3,62913 gold badges50 silver badges85 bronze badges

1 Comment

jcubic Over a year ago

It gives the same error/warning.

Collectives™ on Stack Overflow

React App: Cannot find module 'react-dom/client' or its corresponding type declarations

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related