2

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

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

2
  • Где у вас используется ReactDOM.render?
    – Randall
    3 окт 2022 в 12:24
  • @Randall, не понял. Есть root.render, а root - результат того, что выдает createRoot, а во всех компонентах обычный метод render
    – Zhihar
    3 окт 2022 в 13:45

1 ответ 1

0

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

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" />);
4
  • то же самое, да и import { createRoot } from 'react-dom/client' вроде как по сути из ReactDOM и вытаскивает createRoot
    – Zhihar
    3 окт 2022 в 13:43
  • Может ему не хватает свойства tab? Как в документации (см.ответ)
    – SaNFeeD
    3 окт 2022 в 15:05
  • похоже что-то не очень очевидное у меня - сделал так что App никакие другие компоненты не выводит и ворнинг исчез значит надо копать пока не найду что за компонент и уже смотреть в него :(
    – Zhihar
    3 окт 2022 в 19:36
  • похоже это как-то связано с использованием метода componentDidMount
    – Zhihar
    3 окт 2022 в 21:20

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.