Dentro do hook useSaldo
import { useEffect, useState } from 'react';
import { buscaSaldo } from '../services/saldo';
export default function useSaldo() {
const [saldo, setSaldo] = useState(0);
async function obtemSaldo() {
setSaldo(await buscaSaldo());
}
useEffect(() => {
obtemSaldo();
}, [saldo]);
return [saldo, setSaldo];
}
Vemos que tem um problema de recursao comum com o useEffect... setSaldo altera saldo > useEffect chama obtemSaldo() por saldo ser alterado > obtemSaldo() chama o setSaldo novamente. Temos um loop de useEffect.
ta certo isso?