Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Problema no DevTools

Apareceu o seguinte problema no DevTools:

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

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Não consegui entender o porquê.

3 respostas
solução!

Olá Fernanda, tudo bem?

Esse aviso apareceu porque o método ReactDOM.render não é mais suportado na versão 18 do React. Agora, é recomendado utilizar o método createRoot.

Para resolver esse problema, você pode substituir o ReactDOM.render por createRoot em seu código. Por exemplo:

Antes: ReactDOM.render(, document.getElementById('root'));

Depois: import { createRoot } from 'react-dom'; createRoot(document.getElementById('root')).render();

Dessa forma, seu aplicativo irá funcionar normalmente na versão 18 do React.

Espero ter ajudado e bons estudos!

Muito obrigada! Funcionou. Só precisei fazer uma alteração: import {createRoot} from 'react-dom/client';

Que bom!! Fico feliz que funcionou :)

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software