Lesson 10 : TypeError: Cannot read properties of undefined (reading 'toString')

[wwwbaraccuda]

I know, there are some topic with the same name on the forum, but I still couldn't figured out what's been wrong.

Here's the error i've received :

and here's my LotteryEntrance code :

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

export default function LotteryEntrance() {
    const { chainId: chainIdHex, isWeb3Enabled } = useMoralis()
    const chainId = parseInt(chainIdHex)
    const raffleAddress = chainId in contractAddresses ? contractAddresses[chainId][0] : null
    // const {runContractFunction: enterRaffle} = useWeb3Contract({
    //       abi: abi,
    //       contractAddress: raffleAddress ,
    //       functionName: "enterRaffle",
    //       params: {},
    //       msgValue:
    //   })

    let entranceFee = ""

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

    useEffect(() => {
        if (isWeb3Enabled) {
            async function updateUI() {
                entranceFee = (await getEntranceFee()).toString()
                console.log(entranceFee)
            }
            updateUI()
        }
    }, [isWeb3Enabled])

    return (
        <div>
            Hi from Lottery Entrance<div>(entranceFee)</div>
        </div>
    )
}

is there anything wrong in the syntax? Please help

[Nlferu]

Hi @wwwbaraccuda

That issue is chainId related (if wrong it makes your entranceFee undefined), make sure your metamask is using correct chainId or if you using something else than metamask just make sure you are using correct chainId and thats all. Metamask like to change id into 1337 instead of using correct one 31337

[wwwbaraccuda]

Hi @Neftyr
My current chain id is already using 31337

my contractAddresses.json is also 31337

But, the error is still occured.
Isn't the problem more like syntax error?

[DarshanJain-Techuz]

Hii @wwwbaraccuda, don't worry
You just need to replace your updateAbi function in 99-update-front-end.js file with below function

async function updateAbi(){
const lottery = await ethers.getContract("Lottery");
fs.writeFileSync(FRONT_END_ABI, JSON.stringify(lottery.interface.fragments))
}
and rerun harhdat node which will update your abi.json file
Following above steps will fix your issue.

[wwwbaraccuda]

@DarshanJain-Techuz it works like a charm. thx