React Strict Mode


No React, o StrictMode tem um comportamento feito para garantir que seja compatível com o estado reutilizável. e uma das formas para garantir isso é aplicar os Efeitos de atualização dupla.

Note

Vale ressaltar que esse processo é feito apenas no modo de desenvolvimento.

Entretanto, esse recurso pode provocar algumas situações que podem incomodar o desenvolvedor durante a codificação.

Por exemplo, durante a depuração, utilizando o console do navegador, será exibido mensagens duplicadas, pois a primeira aparição é resultado dos testes do React Strict Mode e no outro é efetivamente a chamada do console.log(), como exibido na imagem abaixo.

Para resolver isso, pode-se instalar a extensão do React Developer Tool para evitar que esse tipo de comportamento seja visível ao desenvolvedor durante o desenvolvimento.

Referências


https://unicorncoder.medium.com/o-que-acontece-com-o-strictmode-no-react-89795b1a8f8e