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

[yatinkhandelwal]

Once I click the connect wallet button this error is displayed :

[krakxn]

Is your getEntranceFee the same as this one? If not, copying the code below should fix it. Cheers!

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

[yatinkhandelwal]

Well, earlier I did deployed the contract on rinkeby at it deployed correctly. I don't this there is a problem with the contract its something related to frontend I guess

[krakxn]

Your contractAddresses.json should keep track of every contract address deployed on any network though. Please fix that.

[yatinkhandelwal]

I did run yarn hardhat deploy and also tried the command: yarn hardhat run scripts/mockOffChain.js --network rinkeby but nothing updated in contractAddresses.json

[krakxn]

Can you push everything to a repo? Makes it easier for me to understand. Reply w/ the link

[yatinkhandelwal]

Here's the link to the repo, thanks for the help...

https://github.com/yatinkhandelwal/nextjs-smartcontract-lottery

[bobanm]

Promise returned by getEntranceFee() resolves as undefined.

Could you include the code that shows what getEntranceFee() actually does?

[yatinkhandelwal]

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

[alymurtazamemon]

@yatinkhandelwal go to constants/abi.json file and then press command press or control press and paste this getEntranceFee. Let me know if you find it or not.

[alymurtazamemon]

@yatinkhandelwal Ok I am going to debug more.

[yatinkhandelwal]

Thanks for such great help..

[alymurtazamemon]

@yatinkhandelwal First of all notes some things that I have updated.

1. const abi = require("./abi.json") in constants/index.js
2. import { contractAddresses, abi } from "../constants/index" in LotteryEntrance
3. convert these to let let [entranceFee, setEntranceFee] = useState("0"), similar do with other useState getter and setters
4. In the handleSuccess function move updateUIValues below newNotification

Now do these

1. Run hardhat-lottery project to another terminal npx hardhat node
2. select hardhat network in MetaMask

If you want to run with Rinkeby the in contractAddresses you should specify chainId and contract address for that network also.

[yatinkhandelwal]

hey thanks a lot for such great help, I was able to sort things out..

But now I face some other problem, in my frontend although I've written and imported all the files I'm not able to see some changes for example the Enter Lottery button still looks plain and simple.

[alymurtazamemon]

@yatinkhandelwal Create another discussion for that issue, because we want to organize this for others that will face similar issue.

[Ahmed-Aghadi]

I got the same error. After doing a lot of logging and debugging, I got to know that chain id should be "31337", but in metamask, chain id is 1337 corresponding to my localhost network. So I changed it to 31337 ( by going into metamask settings -> Networks -> Localhost 8545 -> Chain ID ) And refreshed the page.

[krakxn]

Did you make a discussion? If not, we could've helped you. Someone had the same problem which we resolved.

[Ahmed-Aghadi]

My reply was the solution to the problem and not another new unsolved problem.

BTW, thanks a lot for your reply!

[krakxn]

I see - and no problem! All the best.