Como evitar problemas ao buscar dados com useEffect no React

No React, usar o hook useEffect para buscar dados assíncronos é uma prática comum, mas exige cuidado para não causar re-renderizações desnecessárias ou bugs. A dica principal é entender bem o ciclo de vida do componente e o que realmente precisa ser atualizado.

Muita gente acaba colocando a chamada API direto no useEffect sem dependências, o que funciona, mas pode gerar chamadas extras se não estiver atento. Além disso, precisar cancelar requisições antigas ao trocar de componente ou quando o componente desmonta ajuda a evitar problemas de memória ou dados inconsistentes.

Outro ponto importante é usar o estado de forma controlada, evitando atualizações de estado após o componente desmontar, o que dá erro de memória. Para isso, a maioria usa uma variável de controle ou um abortController. Sem esse critério, a solução pode parecer simples no começo e cara no suporte. O valor aparece melhor quando operação, produto e engenharia olham para o mesmo risco.

A questão é: você já enfrentou problemas com chamadas duplicadas ou estados inconsistentes ao usar useEffect? Como vocês costumam lidar com essas situações na prática?