Esse erro tão comum é criar derived-states(estados derivados) que básicamente é você "criar estados demais"/estados que não iriam fazer falta se não estivessem lá. Dentre os cliclos de renderização do React a atualização de uma informação dentro de um estado vai ocasionar uma nova renderização.
Umas das primeiras coisas que você pode fazer é analizar se realmente é necessário a criação de um estado. No caso dessa aplicação eu simplemente criei uma variável comum e resolveu o problema.
Essa aplicação é bem simples e por isso é facíl de identificar o erro! Mas algumas vezes isso pode estar de outras formas
Feito com 💜 by Rodrigo Rael
