Returned values aren't valid, did it run out of gas? error

I am at Episode 3 of the “Building an NFT game in 12 hours” series, though I have ran into this error while testing my website:

What do I do?

Usually that error means that you don’t that the correct abi or contract address or network

I use

RPC URL: http://127.0.0.1:7545
Chain ID: 1337
on metamask, How do I go about changing the abi?

In ganache, did you deploy that smart contract? Did you copy the address of the deployed smart contract in your code?
Is MetaMask connected to ganache when you execute that smart contract function? Is ganache running?