O valor do orçamento diário nã está aparecendo na tela do Home

Oi, Yan! Como vai?

O erro indica que o valor da renda estava sendo tratado como texto no db.json e, por isso, o cálculo retornava NaN. O problema estava tanto no formato do número (vírgula em vez de ponto) quanto na forma como o useEffect estava configurado.

Fiz algumas mudanças que você pode consultar aqui nesse repositório.

Ajustes feitos

1. Corrigindo o banco de dados (db.json)
Troque a vírgula por ponto e remova as aspas:

"renda": 797.98

2. Função para cálculo seguro

const calcularOrcamentoDiario = (renda: number) => {
  return Number(renda) / 30;
};

➡ Esse código garante que a renda seja convertida em número antes da divisão.

3. Ajustando o useEffect

useEffect(() => {
  if (usuario?.renda) {
    setOrcamento(calcularOrcamentoDiario(usuario.renda));
  }
}, [usuario]);

➡ Agora só atualiza quando o usuário mudar, evitando loop infinito.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.

Abraços e bons estudos!