LESSON 15 - Error: Too many re-renders when calling updateUI function using useEffect

[RohitAggarwal04]

I think the problem lies in the useEffect hook which is calling updateUI too many times .

async function updateUI() {
const tokenURI = await getTokenURI();
console.log("The token URI is " + tokenURI);

  if (tokenURI) {
        const requestUrl = tokenURI.replace("ipfs://", "https://ipfs.io/ipfs/");
        const tokenURIResponse = await (await fetch(requestUrl)).json();
        const imageUri = tokenURIResponse.image;
        const imageUriUrl = imageUri.replace("ipfs://", "https://ipfs.io/ipfs/");

        setImageURI(imageUriUrl);
        setTokenName(tokenURIResponse.name);
        setTokenDescription(tokenURIResponse.description);
    }
}

useEffect(() => {
    if (isWeb3Enabled) {
        updateUI();
    }
}, [isWeb3Enabled]);

[AtulBlockDev]

how did you solve it?
@RohitAggarwal04

[AtulBlockDev]

@alymurtazamemon I am also having the same issue. do you have any solution?
https://github.com/AtulBlockDev/Hardhat-NFT-MarketPlace-FrontEnd