LotteryEntrance - "No Raffle Address Detected"

[RevanthGundala]

Hello,

I am currently working on the LotteryEntrance.js part of the video, and my front end is not working as intended. It is not recognizing a raffle address which causes the output: "No Raffle Address Detected" which was coded in. I was wondering if anyone knew what the issue could be.

Here is my code where I am using raffleAddress for LotteryEntrance.js:

import { abi, contractAddresses } from "../constants";

const raffleAddress =
    chainId in contractAddresses ? contractAddresses[chainId][0] : null;

    <div className="p5">
      {raffleAddress ? (
        <div>
          <button
            className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded ml-auto"
            onClick={async function () {
              await enterRaffle({
                onSuccess: handleSuccess,
                onError: (error) => console.log(error),
              });
            }}
            disabled={isLoading || isFetching}
          >
            {isLoading || isFetching ? (
              <div className="animate-spin spinner-border h-8 w-8 border-b-2 rounded-full" />
            ) : (
              <div>Enter Raffle</div>
            )}
          </button>
          <div>
            Entrance Fee: {ethers.utils.formatUnits(entranceFee, "ether")} ETH
          </div>
          <div> Number of Players: {numPlayers}</div>
          <div>Recent Winner: {recentWinner}</div>
        </div>
      ) : (
        <div>No raffle address Detected </div>
      )}
    </div>
  );

Here is my contractAddresses.json:

{"31337":["0xCf7Ed3AccA5a467e9e704C703E8D87F634fB0Fc9"]}

Index.js:

const contractAddresses = require("./contractAddresses.json");
const abi = require("./abi.json");

module.exports = {
  abi,
  contractAddresses,
};

[Magofoco]

Can you console.log(contractAddresses) just above raffleAddress and post what it shows?

[RevanthGundala]

What does console.log(numPlayersFromCall) return?

[RevanthGundala]

Also, I would suggest marking the reply as answer for the type error and open a new question for the new question you have

Yeah, I can do that if that's the only way to fix the problem. I just wasn't sure if this would be the "correct" answer because the issue had to be fixed manually if that makes sense

[Magofoco]

Try to see this for the object Promise error:
https://stackoverflow.com/questions/46719974/promise-is-returning-object-promise

[PatrickAlphaC]

I answered your question in the other thread, could you add it back here once everything is resolved?

[psabadac]

I got the same error as he did tonight. He was on different networks on node and metamask wallet.
In my case I was running the node on localhost, but the wallet was connected to Goerli network.