1
resposta

Warning: findDOMNode is deprecated in StrictMode...(React.StrictMode)

Olá a todos, então, durante o desenvolvimento do sistema proposto, com a utilização do Material-UI, ocorreu um problema ao inserir o Alert dentro do Snackbar, começou a ser gerado um alerta no console do navegador, o erro seria:

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node

Após verificar no link informado, descobri que o problema está diretamente no index.js, onde o nosso Create-React-App gerou no index.js, a TAG "<React.StrictMode>" ao redor de tudo, e isto estava gerando o alerta informado acima, após remover esta TAG, o alerta sumiu.

Minha dúvida é, há alguma maneira de resolver este problema e manter a TAG acima? acredito que isto possa ser um alerta ao desenvolvedor sobre o uso de referencias, porém não consegui resolver para o nosso caso, segue o código abaixo onde o alerta informava o problema:

<Snackbar
        open={open}
        onClose={handleCLose}
        autoHideDuration={2000}>
        <Alert
            onClose={handleCLose}
            variant='filled'
            severity={severity}> {children} </Alert>
    </Snackbar>

Desde já agradeço a atenção!

1 resposta

Oi, Daniel, tudo bem?

Na verdade, é um aviso, que fala que o uso do StricMode onde está colocando está obsoleto. Sugiro dar uma olhadinha nessa discussão aqui sobre o uso do StrictMode: https://github.com/styled-components/styled-components/issues/2154 e esse aqui também: https://medium.com/nmc-techblog/wait-youre-not-using-react-strictmode-a9713927a33b

Nessa parte que você compartilhou, você está usando fragment? A forma como a instrutora codou:https://github.com/juunegreiros/alura-react-parte-3/blob/aula-4/src/index.js