Lesson 10: entranceFee not being pulled into LotteryEntrance

[DorianDaSilva]

I am not seeing the LotteryEntrance.js being logged in the console as shown in video at 17:45:46

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

LotteryEntrance.js

import { useWeb3Contract, isWeb3Enabled } from "react-moralis"
import { abi, contractAddresses } from "../constants"
import { useMoralis } from "react-moralis"
import { useEffect } 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
    //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 entranceFeeFromContract = await getEntranceFee()
                console.log(entranceFeeFromContract)
            }
            updateUI()
        }
    }, [isWeb3Enabled])

    return <div>Enter the Lottery</div>
}

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

Any tips on what I may be missing here, plz? Thank you in advance!

[krakxn]

Try this and let me know:

Add this:

import { useWeb3Contract } from "react-moralis"
import { contractAddresses, abi } from "../constants"
import { useMoralis } from "react-moralis" // Do not export from Moralis when using React
import { useEffect, useState } from "react"
import { useNotification } from "web3uikit"
import { ethers } from "ethers"

Also, are the files inside ../constants okay? That could also be an issue.

[DorianDaSilva]

@krakxn Thank you for the input, however constants files are in order & adding the last 2 lines of import made no diffrerence as these are not called inside of the file at this stage. Not sure what the issue is here.

[krakxn]

Could you push to a repo? I will look into it directly.

[adityabhattad2021]

Check the chainId your metamask wallet is connected to:
Settings>network>chain id
compare it with chain id in your contractaddressess.json
If it doesn't match...connect metamask wallet to correct chain id
And that should work.

[adityabhattad2021]

If that still doesn't work, pushing the code to github and sharing a repo would make debugging easy.

[DorianDaSilva]

@adityabhattad2021 @krakxn Hey guys, thanm you for the help! I solved it ina different issue that presented itself moving forward.

You can check it here: #1532

[krakxn]

I see, all the best!