Lesson 10 : enterRaffle Function not work

[RobiulAwalSabbib]

I think enterRaffle Function not work when "Enter Raffle" Button Click . I did console.log . my button work but Metamask not popup...
what can i do now... ?

``
import { contractAddresses, abi } from "../constants";
import { useMoralis, useWeb3Contract } from "react-moralis";
import { useEffect, useState } from "react";
//import { useNotification } from "web3uikit";
import { CryptoCards, Button } from "@web3uikit/web3";
import { ethers } from "ethers";

export default function LotteryEntrance() {
const { Moralis, isWeb3Enabled, chainId: chainIdHex } = useMoralis();
const chainId = parseInt(chainIdHex);
const raffleAddress = chainId in contractAddresses ? contractAddresses[chainId][0] : null;

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

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

useEffect(() => {
    if (isWeb3Enabled) {
        async function updateUI() {
            const entranceFeeFromCall = await getEntranceFee();
            setEntranceFee(entranceFeeFromCall);
        }
        updateUI();
    }
}, [isWeb3Enabled]);

return (
    <div>
        Hi from LotteryEntrance
        {raffleAddress ? (
            <div>
                <button
                    onClick={async function () {
                        await enterRaffle();
                        console.log("hjhkjbh");
                    }}
                >
                    Enter Raffle
                </button>
                Entrance Fee: {ethers.utils.formatUnits(entranceFee, "ether")} Eth
            </div>
        ) : (
            <div>No Raffle Address Detect !</div>
        )}
    </div>
);

}

``

[RobiulAwalSabbib]

MY Screen

[alymurtazamemon]

@RobiulAwalSabbib Do you have a metamask? Also push it to GitHub and leave a link here I want to test it.

[RobiulAwalSabbib]

@alymurtazamemon why this happen ?

[alymurtazamemon]

@RobiulAwalSabbib Please check the links, could be issues with that.

[RobiulAwalSabbib]

@alymurtazamemon please copy the link and paste in Brower tab. direct click show 404 !

[alymurtazamemon]

@RobiulAwalSabbib

here you should use raffleAddress not the contractAddresses.

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

[RobiulAwalSabbib]

@alymurtazamemon thank u much . i have done silly mistake , but i knew that i have found great community and Collaborator like you.