Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Sim, e o pior é que às vezes o erro só aparece na compilação, não na edição. Acho que a documentação oficial do TypeScript não deixa isso 100% claro pra quem quer usar union discriminada em componentes React. Alguém tem uma dica de como fazer pra IDE entender melhor isso?
Sempre achei que usar union discriminada no TypeScript ajuda a evitar erros de props inesperados. Mas na pratica a IDE as vezes nao bate com o que o compilador aceita. Ja passou por isso?
concordo, Julia. O problema é que às vezes o IDE não consegue inferir bem as unions, aí dá erro até mesmo na hora de codar, o que trava o fluxo. Acho que uma estratégia é usar o padrão de tipos mais explícitos e evitar sobreposição de propriedades entre as variantes. Assim, fica mais fácil de fazer o TypeScript entender.
No meu time, a gente usa uma abordagem parecida, mas sempre adicionamos um tipo de fallback pra evitar esses erros. O que ajuda bastante é definir claramente cada variante com o discriminador e usar o recurso de type guards. Assim, fica mais fácil evitar esse tipo de erro e cuidar para que o IDE reconheça tudo certinho.