LESSON 15: runContractFunction from useWeb3Contract returns undefined

[ljrahn]

Hi I am believe im having troubles getting moralis to properly connect to my deployed contracts. When I use the useWeb3Contract hook, and execute runContractFunction, I just get undefined.

  const { isWeb3Enabled } = useMoralis()
  const moralis = useMoralis()
  const chain = useChain()
  const [imageURI, setImageURI] = useState("")

  const { runContractFunction: getTokenURI, data } = useWeb3Contract({
    abi: nftAbi,
    contractAddress: nftAddress,
    functionName: "tokenURI",
    params: {
      tokenId: tokenId,
    },
  })

  const updateUI = async () => {
    const tokenURI = await getTokenURI()
    console.log(tokenURI)
    console.log(chain)
    console.log(moralis)
    console.log(parseInt(chain.chainId, 16))
    // get the tokenURI
    // using the image tag from the tokenURI, get the image
  }

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

This is the case for any contract I try, and for any function I try calling.

For reference the network im connecting to is setup like this:

[ljrahn]

Was accidentally pushing the nftMarketplace abi as the nft abi in the deploy script (99-update-front-end.js):

async function updateAbi() {
  const nftMarketplace = await ethers.getContract("NftMarketplace")
  fs.writeFileSync(
    `${frontEndAbiLocation}NftMarketplace.json`,
    nftMarketplace.interface.format(ethers.utils.FormatTypes.json)
  )
  const basicNft = await ethers.getContract("BasicNft")
  fs.writeFileSync(
    `${frontEndAbiLocation}BasicNft.json`,
    nftMarketplace.interface.format(ethers.utils.FormatTypes.json)
  )
}

silly me.

[shoaibshebi]

👉 👉 Those blockchain developers who are done with the Lesson#15 repo, they can go to this thread #2107 :

🔥🔥🔥🔥🔥🔥
📢 Big announcement: Lesson#15 feature enhancement as a portfolio project #2107