React: React 17 -> React 18, странное предупреждение

Question

Вылезает предупреждение:

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. Learn more: https://reactjs.org/link/switch-to-createroot

хотя вроде как всё что требуется я сделал (например index.ts):

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

const root = createRoot(document.getElementById("root") as HTMLElement);
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

подскажите откуда вылезает ворринг, вроде все сделал, что требуется, или надо где-то еще правки сделать?

P.S.

похоже это как-то связано с использованием метода componentDidMount

Answer 1

Попробуйте такую запись. У меня с ней проблем не возникало.

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);


import { createRoot } from 'react-dom/client';
const container = document.getElementById('app');
const root = createRoot(container);
root.render(<App tab="home" />);

БЛОГ НА HUSL

React: React 17 -> React 18, странное предупреждение

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