useBalance multiple calls

[igorrendulic]

I'm a sort of beginner-ish using react. Whenever I try to useBalance for multiple tokens, I get too many re-renders. How should I use the useBalance callback to avoid constant re-renders?

Thank you! Your help is much appreciated.

 const bal = useBalance()[1];

    // load erc20
    bal({
        addressOrName: accountData.address,
        token: '0x7D1AfA7B718fb893dB30A3aBc0Cfc608AaCfeBB0',
    }).then(res => {
        setMaticData(res.data);
        setLoadingMatic(false);
    }).catch(err => {
        console.error(err);
        setLoadingMatic(false);
    });

    bal({
        addressOrName: accountData.address,
    }).then(res => {
        setEthData(res.data);
        setLoadingEth(false);
    }).catch(err => {
        console.error(err);
        setLoadingEth(false);
    });