Lesson 10 Runtime error #1728

AjayAsnani · 2022-08-12T10:16:55Z

AjayAsnani
Aug 12, 2022

Aug 13, 2022

@AjayAsnani Now I am checking your issue.

othaime-en · 2022-08-12T11:31:03Z

othaime-en
Aug 12, 2022

You need to enclose await getEntranceFee() in brackets before converting the value to string.
Change: const entranceFeeFromCall = await getEntranceFee().toString();
To: const entranceFeeFromCall = (await getEntranceFee()).toString();

9 replies

AjayAsnani Aug 12, 2022
Author

By removing toString() error is gone but still the button is not visible

_**```
import { useEffect, useState } from "react";
import { useWeb3Contract, useMoralis } from "react-moralis";
import { abi, contractAddresses } from "../constants";
import { ethers } from "ethers";

export default function LotteryEntrance() {
  const { chainId: chainIdHex, isWeb3Enabled } = 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: raffleAddress,
    functionName: "enterRaffle",
    params: {},
    msgValue: entranceFee,
  });

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

  useEffect(() => {
    if (isWeb3Enabled) {
      async function updateUI() {
        const entranceFeeFromCall = await getEntranceFee();
        setEntranceFee(entranceFeeFromCall);
      }
      updateUI();
    }
  }, [isWeb3Enabled]);
  return (
    <div>
      Hi from Lottery Enrance
      {raffleAddress ? (
        <div>
          <button
            onClick={async function () {
              await enterRaffle();
            }}
          >
            Enter Raffle
          </button>
          Entrance Fee: {ethers.utils.formatUnits(entranceFee, "ethers")}ETH
        </div>
      ) : (
        <div>No raffle address detected</div>
      )}
    </div>
  );
}
```**_