Error: cannot estimate gas

[khalnayak-07]

I'm making nft marketplace. When I am trying to buy nft I am getting this error.

Error: cannot estimate gas; transaction may fail or may require manual gas limit [ See: https://links.ethers.org/v5-errors-UNPREDICTABLE_GAS_LIMIT ] (error={"code":-32603,"message":"execution reverted","data":{"originalError":{"code":3,"data":"0x817ce9f100000000000000000000000010d5809623e57fa3e213f3ec92f2ff4834f0abb70000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001a055690d9db80000","message":"execution reverted"}}}, method="estimateGas", transaction={"from":"0x7f6311AdEb83cB825250B2222656D26223D7EcB4","to":"0x55646cb252a1BBCDB7BFbc2712D6EfA220F8974B","data":"0x9f37092a00000000000000000000000010d5809623e57fa3e213f3ec92f2ff4834f0abb70000000000000000000000000000000000000000000000000000000000000000","accessList":null}, code=UNPREDICTABLE_GAS_LIMIT, version=providers/5.6.0)
    at Logger.makeError (index.js?dd68:219:1)
    at Logger.throwError (index.js?dd68:228:1)
    at checkError (json-rpc-provider.js?8679:73:1)
    at Web3Provider.eval (json-rpc-provider.js?8679:490:1)
    at Generator.throw (<anonymous>)
    at rejected (json-rpc-provider.js?8679:6:42)

I know it's asking for gas limit but I have tried. How much gas limit it want??

    3: {
        name: "ropsten",
        gasPrice: "8000000000",
        gasLimit: "500000000000000000",
    },

I even tried passing gas limit when calling buyItem function

 function handleCardClick() {
        isOwnedByUser
            ? setShowModal(true)
            : buyItem({
                  gasLimit: "5000000000000",
                  onError: (err) => console.error(err),
                  onSuccess: handleBuyItemSuccess,
              });
    }

I am using ropsten network. My sell function is working very well but this error is only coming with buy function.

Code ..

import { useState, useEffect } from "react";
import { useWeb3Contract, useMoralis } from "react-moralis";
import nftMarketplaceAbi from "../constants/NftMarketplace.json";
import nftAbi from "../constants/BasicNft.json";
import Image from "next/image";
import { Card, useNotification } from "web3uikit";
import { ethers } from "ethers";
import UpdateListingModal from "../components/UpdateListingModal";

const truncatString = (fullStr) => {
    if (fullStr.length <= 10) return fullStr;

    const firstStr = fullStr.slice(0, 6);
    const endStr = fullStr.slice(-7, -1);
    const str = `${firstStr}....${endStr}`;
    return str;
};

export default function NFTBox({ price, nftAddress, tokenId, marketplaceAddress, seller }) {
    const { isWeb3Enabled, account } = useMoralis();
    const [imageURI, setImageURI] = useState("");
    const [tokenName, setTokenName] = useState("");
    const [tokenDescription, setTokenDescription] = useState("");
    const [showModal, setShowModal] = useState(false);
    const hideModal = () => setShowModal(false);
    const dispatch = useNotification();

    const { runContractFunction: getTokenURI } = useWeb3Contract({
        abi: nftAbi,
        contractAddress: nftAddress,
        functionName: "tokenURI",
        params: {
            tokenId: tokenId,
        },
    });

    const { runContractFunction: buyItem } = useWeb3Contract({
        abi: nftMarketplaceAbi,
        contractAddress: marketplaceAddress,
        functionName: "buyItem",
        params: {
            nftAddress: nftAddress,
            tokenId: tokenId,
        },
    });

    async function updateUI() {
        const tokenURI = await getTokenURI();
        console.log(`Token URI is ${tokenURI}`);
        if (tokenURI) {
            const requestURL = tokenURI.replace("ipfs://", "https://ipfs.io/ipfs/");
            const tokenURIResponse = await (await fetch(requestURL)).json();
            const imageURI = tokenURIResponse.image;
            const imageURIURL = imageURI.replace("ipfs://", "https://ipfs.io/ipfs/");
            setImageURI(imageURIURL);
            setTokenName(tokenURIResponse.name);
            setTokenDescription(tokenURIResponse.description);
        }
    }

    // console.log("isWeb3Enabled", isWeb3Enabled);

    useEffect(() => {
        if (isWeb3Enabled) {
            console.log("updating UI");
            updateUI();
        }
    }, [isWeb3Enabled]);

    const isOwnedByUser = seller === account || seller === undefined;
    const formattedSellerAddress = isOwnedByUser ? "you" : truncatString(seller || "");

    function handleCardClick() {
        isOwnedByUser
            ? setShowModal(true)
            : buyItem({
                  gasLimit: "5000000000000",
                  onError: (err) => console.error(err),
                  onSuccess: handleBuyItemSuccess,
              });
    }

    const handleBuyItemSuccess = async (tx) => {
        await tx.wait(1);
        dispatch({
            title: "success",
            message: "Item bought!",
            title: "Item Bought",
            position: "topR",
        });
    };

    return (
        <div>
            <div>
                {imageURI ? (
                    <div className="p-4">
                        <UpdateListingModal
                            isVisible={showModal}
                            tokenId={tokenId}
                            marketplaceAddress={marketplaceAddress}
                            nftAddress={nftAddress}
                            onClose={hideModal}
                        />
                        <Card
                            title={tokenName}
                            description={tokenDescription}
                            onClick={handleCardClick}
                        >
                            <div className="p-2">
                                <div className="flex flex-col items-end gap-2">
                                    <div>#{tokenId}</div>
                                    <div className="italic text-sn">
                                        Owned by {formattedSellerAddress}
                                    </div>
                                    <Image
                                        loader={() => imageURI}
                                        src={imageURI}
                                        height="200"
                                        width="200"
                                    />
                                    <div className="font-bold">
                                        {ethers.utils.formatUnits(price, 18)} MATIC
                                    </div>
                                </div>
                            </div>
                        </Card>
                    </div>
                ) : (
                    <div>Loading....</div>
                )}
            </div>
        </div>
    );
}

What can I do plz tell me? Help me @PatrickAlphaC

[bobanm]

If Ethers.js can't estimate gas, it usually means that something is failing in the smart contract function you're calling, including any other functions which your smart contract calls as part of the transaction.

Can you share the Solidity part of your NFT buy flow?

[mattjaf]

This is a generic error for when a require statement is not met.

[PatrickAlphaC]

It's likely that the NFT marketplace isn't approved... This is a generic error so it's a little hard to debug as such. You could add some console.logs to the function to see where it's failing.
\https://hardhat.org/tutorial/debugging-with-hardhat-network