Lesson 9 entranceFee is undefined please help

[pratokko]

Hello friends am trying this lottery frontend part but am not able to get the entranceFee below are my repos

https://github.com/pratokko/hh-lottery.git
https://github.com/pratokko/nextjs-hh-lottery.git

[pratokko]

i have tried to log and i have discovered all my functions in the abi are all undefined so am not sure what the issue could be but when i log my abi and contractaddresses all have values , if i try to log any other function its returns undefined

[Nlferu]

Hi @pratokko

Please provide us more information, which script exactly doesn't work?

[pratokko]

https://github.com/pratokko/hh-lottery.git
https://github.com/pratokko/nextjs-hh-lottery.git

i have everything set up well but when i try to console log my entrancefee its undefined

[Nlferu]

@pratokko

You have sent 2 repos links how can we know from which repo and which script you are unable to print??

[pratokko]

ooh sorry for that I did send one for the front end and one for back end
https://github.com/pratokko/nextjs-hh-lottery.git this is the front end part because I was done in everything in the backend

import { useWeb3Contract } from "react-moralis"

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

const LotteryEntrance = () => {
    const { chainId: chainIdHex, isWeb3Enabled } = useMoralis()

    const chainId = parseInt(chainIdHex)

    console.log(chainId)

    const raffleAddress = chainId in contractAddresses ? contractAddresses[chainId][0] : null

    // console.log(raffleAddress)

    const [entranceFee, setEntranceFee] = useState("0")
    

    // console.log(parseInt(chainIdHex))

    // const { runContractFunction: enterRaffle } = useWeb3Contract({
    //     abi: abi,
    //     contractAddress: raffleAddress,
    //     functionName:  "enterRaffle",
    //     params: {},
    //     msgValue://

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

    useEffect(() => {
        if (isWeb3Enabled) {
          const updateUI = async () => {
           const something =await getEntranceFee()
           console.log(something);
          }
          updateUI()
        }
      }, [isWeb3Enabled])
      

    return <div>{entranceFee}</div>
}
export default LotteryEntrance

this is the file in my components folder where the issue is i try to get getEntranceFee but it returns undefined

[Nlferu]

Hi @pratokko

Try implementing below:

 async function updateUI() {
        const entranceFeeFromCall = (await getEntranceFee()).toString()
        setEntranceFee(entranceFeeFromCall)
    }

And also check if you are connected to your MetaMask

[pratokko]

still not working says getEntranceFee is undefined

[Mayank-Pandey1]

Hi @pratokko, I had a similar issue, this might help:

#5143