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?