React dev tools - Desative o “break on warnings”

Durante o desenvolvimento com create-react-app, meu navegador entra no modo de depurador em avisos:

Ele quebra o código-fonte de react-dev-tools:

   // --- Welcome to debugging with React DevTools ---
   // This debugger statement means that you've enabled the "break on warnings" feature.
   // Use the browser's Call Stack panel to step out of this override function-
   // to where the original warning or error was logged.

Como posso desativar esse comportamento?

Ir para o Chrome Devtools → no console Chrome, vá para o Componente → Clique em Configurações → unset Ruptura no Aviso . Faça o mesmo em Perfilador → Configurações → cancelar a definição do aviso de interrupção .

@cadoman apontou para marcar e depois desmarcar para ter certeza de que funciona.

PS: Imagem de https://github.com/facebook/react/issues/19308#issuecomment-656669792

Baseado na solicitação de pull DevTools: Faça break-on-warn off por padrão # 19309 , parece que é um bug.

A caixa Break On Warnings estava desmarcada para mim e ainda iria quebrar. Remover e ler a extensão para forçar uma atualização corrigiu para mim.

Não conheço outra maneira de forçar o Chrome a atualizar uma extensão fora de sua programação normal.

Vá para as ferramentas do ReactDev na guia Depuração e desative "Interrupção em aviso".

Acho que esse novo comportamento começou hoje com este novo PR: https://github.com/facebook/react/pull/19048

O Chrome tem um recurso de "script BlackBox" que é útil neste caso.

1. Vá para Ferramentas do desenvolvedor do Chrome -> guia fonte
2. Selecione "react_developer_tools.js" no painel esquerdo
3. Clique com o botão direito no arquivo e selecione "Blackbox script"

É um problema conhecido. Uma solução alternativa foi postada no GitHub: Bug: declaração do depurador inesperada no DevTools (resolvido) # 19308

O problema é devido a um lançamento recente. Uma solução alternativa proposta pela equipe React é:

• Vá para as ferramentas do desenvolvedor do Chrome
• Clique na guia Componentes (extensão React Developer Tools)
• Clique no ícone Configurações (localizado próximo à caixa de pesquisa do componente)
• Assim que o modal abrir, selecione a guia Depuração
• Por fim, clique duas vezes na caixa de seleção Break on Warnings (marque e desmarque)

Certifique-se de que, finalmente, a caixa de seleção Interromper em avisos está desmarcada.

Referência: link do problema