Lesson 9: EntranceFee not displaying properly on UI

[DorianDaSilva]

Issue

• Entrance fee displaying "0" on UI instead of 0.01ETH when refreshing & console.log is not logging
• Imported hardhat node wallet into metmask to fund ETH for hardhat-localhost account but it had no effect on the issue
  ==================================================================================

Code

import { useWeb3Contract, isWeb3Enabled } from "react-moralis"
import { abi, contractAddresses } from "../constants"
import { useMoralis } from "react-moralis"
import { useEffect, useState } from "react"

export default function LotteryEntrance() {
    const { chainId: chainIdHex } = useMoralis()
    //console.log(parseInt(chainIdHex))
    const chainId = parseInt(chainIdHex)
    const raffleAddress = chainIdHex in contractAddresses ? contractAddresses[chainId][0] : null
    const [entranceFee, setEntranceFee] = useState("0")

    //if there is a chainIdHex we do this if not we do something else

    // const {runContractFunction: enterRaffle} = useWeb3Contract({
    //     abi: abi,
    //     contractAddress: raffleAddress, //Specify network Id
    //     functionName: "enterRaffle",
    //     params: {},
    //     msgValue: ???//
    // })

    const { runContractFunction: getEntranceFee } = useWeb3Contract({
        abi: abi,
        contractAddress: raffleAddress, //Specify network Id
        functionName: "getEntranceFee",
        params: {},
    })

    useEffect(() => {
        if (isWeb3Enabled) {
            //try to read raffle entrance fee
            async function updateUI() {
                const entranceFeeFromCall = (await getEntranceFee()).toString()
                setEntranceFee(entranceFeeFromCall)
                //console.log(entranceFee)
            }
            updateUI()
        }
    }, [isWeb3Enabled])

    return (
        <div>
            Enter the Lottery<div>{entranceFee}</div>
        </div>
    )
}

==================================================================================

Can someone please explain to me what I am doing wrong here? Thank you!

[RoboCrypter]

@DorianDaSilva Are you still stuck in this ?

[DorianDaSilva]

@abossofmyself Yes, I am! It actually became this issue here: #1532

I continued with the lesson hoping it would bring answers moving forward which it did by pointing out what seems to be the main issue:
RaffleAddress is null

Any help is appreciated.

[RoboCrypter]

@DorianDaSilva You just need to reset your hardhat-localhost account in your metamask, rest your code is fine

Hopefully It will resolve the issue.

[DorianDaSilva]

@abossofmyself Thank you for the help! I figured it out working on a different issue moving forward.

You are correct, that was the source of the bug as seen here: #1532