useContractRead with args from other hooks (useState)

Trying to useContractRead that has as an arg the address from useAccount like this:

    const { address, isConnected } = useAccount();
    
    const userContractBalance = useContractRead({
       addressOrName: process.env.NEXT_PUBLIC_MY_CONTRACT_ADDRESS,
       contractInterface: myABI,
       functionName: 'balances',
       args: [address]
    });
    
    console.log('userContractBalance is', address, userContractBalance.data);

However I notice that sometimes when I switch pages in my app and go back to this, the userContractBalance.data is undefined even though the address is defined… Sometimes it works sometimes not…

I then even tried adding this lower in my code:

  useEffect(() => {
     if (address) userContractBalance.refetch();
  }, [address])

But it did not help. Not sure what the problem is. Any tips would be greatly appreciated.

[0xcerty]

@jellohouse would love to hear your solution. Struggling with this…

[0xcerty]

I am having the same issue.

I can’t pinpoint it, but it seems non-deterministic, which leads me to believe it’s useEffect that is causing it. I’m trying to call useContractRead in a useEffect hook and have enabled set to false due to it causing an infinite loop otherwise.

I imagine it’s due to the address not being available in time (which I use as an argument).