Lesson 10: TypeError: getEnteranceFee is not a function

[kihiuFrank]

I'm trying to read my raffle's entrance fee but I keep getting this error;

TypeError: getEnteranceFee is not a function

I know there is a typo in getEnteranceFee but it shouldn't affect anything because it's like that everywhere. For now.

I have tried the answer given here but it didn't work for me.

RaffleEntrance.js

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

// have a funtion to enter the lottery

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

    const { runContractFuction: getEnteranceFee } = useWeb3Contract({
        abi: abi,
        contractAddress: raffleAddress, // specify networkId
        functionName: "getEnteranceFee",
        params: {},
    })

    useEffect(() => {
        if (isWeb3Enabled) {
            //try to read the raffle entrance fee
            async function updateUI() {
                const entranceFeeFromContract = await getEnteranceFee()
                console.log(entranceFeeFromContract)
            }
            updateUI()
        }
    }, [isWeb3Enabled])
    return <div>Hello from Lottery Entrance</div>
}

Raffle.sol snippets

    /* State Variables */
    uint256 private i_enteranceFee;
    

    /* Functions */
    constructor(
        address vrfCoordinatorV2, //address
        uint256 enteranceFee,
        bytes32 gasLane,
        uint64 subscriptionId,
        uint32 callbackGasLimit,
        uint256 interval
    ) VRFConsumerBaseV2(vrfCoordinatorV2) {
        i_vrfCoordinator = VRFCoordinatorV2Interface(vrfCoordinatorV2);
        i_enteranceFee = enteranceFee;
        i_gasLane = gasLane;
        i_subscriptionId = subscriptionId;
        i_callbackGasLimit = callbackGasLimit;
        s_raffleState = RaffleState.OPEN;
        s_lastTimeStamp = block.timestamp;
        i_interval = interval;
    }

    /* view / pure functions */
    function getEnteranceFee() public view returns (uint256) {
        return i_enteranceFee;
    }

ABI snippet

{
        "type": "function",
        "name": "getEnteranceFee",
        "constant": true,
        "stateMutability": "view",
        "payable": false,
        "gas": 29000000,
        "inputs": [],
        "outputs": [{ "type": "uint256" }]
    },

[DorianDaSilva]

You seem to have a typo on getEntranceFee( ) => Your syntax has an additional e and reads getEnt**e**ranceFee( ) across your entire code block but there is no getEnteranceFee( ) function in Solidity, only getEntranceFee( )

Hope this helps!

[kihiuFrank]

You seem to have a typo on getEntranceFee( ) => Your syntax has an additional e and reads getEnt**e**ranceFee( ) across your entire code block but there is no getEnteranceFee( ) function in Solidity, only getEntranceFee( )

Hope this helps!

It also has getEnteranceFee() in solidity so I don't think the typo is the issue.

[kihiuFrank]

@DorianDaSilva
So, I did the correction but the error still persists.

TypeError: getEntranceFee is not a function

[0Ksecurity]

can you share your complete code/repo please ?!

[kihiuFrank]

@kazimwale
https://github.com/kihiuFrank/nextjs-smartcontract-raffle

[kihiuFrank]

The problem was a typo on runContractFuction

Check answer here