Uncaught reference error: ReactDOM is not defined

Uncaught reference error: ReactDOM is not defined

введите сюда описание изображения

Сам код:

main.jsx

import React, StrictMode  from 'react'
import  CreateRoot  from 'react-dom/client'
import './index.css'
import App from './App.jsx'

 const rootElement=document.getElementById('root')
 const reactRoot=ReactDOM.createRoot(rootElement)

reactRoot.render(
  <StrictMode>
    <App />
  </StrictMode>,
)

Подскажите пожалуйста ,как убрать эту ошибку, уже все испробовал


Ответы (1 шт):

Автор решения: Roman C

Судя по коду вы пытались использовать ReactDOM в своем проекте. Вот ссылка на документацию.

Вот пример кода, как использовать cteateRoot:

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

const domNode = document.getElementById('root');
const root = createRoot(domNode);

root.render(<App />);
→ Ссылка