Como o manuseio de scripts de terceiros da React 19 diferem das versões anteriores

pulando tags inesperadas

No React 19, se as discrepâncias forem detectadas devido a modificações feitas por scripts ou extensões de terceiros, reaja de maneira inteligente as tags inesperadas em vez de desencadear erros de renderização [1] [2]. Essa abordagem minimiza possíveis interrupções causadas por scripts externos, garantindo uma experiência mais perfeita para o usuário.

preservando folhas de estilo

Quando o React precisa renderizar todo o documento devido a uma incompatibilidade de hidratação não relacionada a modificações de terceiros, agora preserva quaisquer folhas de estilo que foram inseridas por esses scripts [1] [2]. Esse aprimoramento mantém a integridade visual do aplicativo, mesmo quando as discrepâncias são detectadas.

compatibilidade aprimorada

O React 19 aprimora a compatibilidade de hidratação, pulando tags inesperadas nas seções `` e `` do documento [2]. Isso significa que, se um script de terceiros inserir elementos que não correspondem ao HTML renderizado ao servidor, o React não tentará reconciliar essas diferenças, evitando possíveis erros e interrupções.

Erros reduzidos

Nas versões anteriores, as modificações feitas por scripts de terceiros podem levar a erros de hidratação, pois o React tentaria reconciliar o HTML renderizado ao servidor com o HTML do lado do cliente modificado [2]. O React 19 aborda esse problema ignorando essas modificações durante a hidratação, permitindo que o aplicativo funcione sem problemas sem ser afetado por alterações externas.

Essas melhorias no React 19 aumentam a robustez da hidratação e fornecem uma experiência de desenvolvimento mais suave, reduzindo a frequência e o impacto dos erros de hidratação relacionados a interações de terceiros.