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

[ippy1997]

Im getting this error
TypeError: Cannot read properties of undefined (reading 'toString')

LotteryEntrance.js?03c2:39 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'toString')
    at eval (LotteryEntrance.js?03c2:39:68)
    at step (tslib.es6.js?a65a:102:1)
    at Object.eval [as next] (tslib.es6.js?a65a:83:46)
    at asyncGeneratorStep (_async_to_generator.mjs?22f4:3:1)
    at _next (_async_to_generator.mjs?22f4:25:1)

LotteryEntrance.js

// 1-have a function to enter the lottery
// use the react morlais hook called useWeb3Contract
import { useWeb3Contract } from "react-moralis"
// getting the adresses and abi from our constant file
import { abi, contractAdresses } from "../constants"
import { useMoralis } from "react-moralis"
import { useEffect } from "react"
import { useState } from "react"

export default function LotteryEntrance() {
    // it returns the chainId we are connected to
    // getting the chainId object and rename it to chainIdHex
    const { chainId: chainIdHex, isWeb3Enabled } = useMoralis()
    console.log(`CHAIN-ID is: ${parseInt(chainIdHex)}`)
    const chainId = parseInt(chainIdHex)

    const raffleAddress = chainId in contractAdresses ? contractAdresses[chainId][0] : null
    const [entranceFee, setEntranceFee] = useState("0")
    // to call a fuction from our contract
    // const { runContractFunction: enterRaffle } = useWeb3Contract({
    //     abi: abi,
    //     contracyAddress : raffleAddress,
    //     functionName : "enterRaffle",
    //     params: {},
    //     msgValue:
    // })

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

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

[vishwanathgugwad]

@ippy1997 Try to deploy the raffle Raffle contract on localhost before running the NextJs UI code.
Also check if you are connected to the correct contract address through ChainId

[Melisepoon]

Hi! i'm facing this error too! Have you perhaps found a solution for it?