useCancelDirectListing

Hook for canceling a direct listing on a MarketplaceV3 contract.

Direct listings can be canceled at any time, (unless the listing has already been sold). Only the creator of the listing can cancel it.

Marketplace

Note: This hook is only for Marketplace V3 contracts.

For Marketplace contracts, use useCancelListing instead.

import { useCancelDirectListing } from "@thirdweb-dev/react";

const { mutateAsync, isLoading, error } = useCancelDirectListing(contract);

Usage

Provide your marketplace contract as an argument to the hook.

Then, provide the ID of the listing you want to cancel to the mutation.

import {
  useCancelDirectListing,
  useContract,
  Web3Button,
} from "@thirdweb-dev/react";
import { ListingType } from "@thirdweb-dev/sdk";

// Your smart contract address
const contractAddress = "{{contract_address}}";

// The ID of the listing you want to cancel
const listingId = "{{listing_id}}";

function App() {
  const { contract } = useContract(contractAddress, "marketplace-v3");
  const {
    mutateAsync: cancelDirectListing,
    isLoading,
    error,
  } = useCancelDirectListing(contract);

  return (
    <Web3Button
      contractAddress={contractAddress}
      action={() => cancelDirectListing(listingId)}
    >
      Cancel Direct Listing
    </Web3Button>
  );
}

Configuration

listingId (required)

listingId (required)

The ID of the listing you want to cancel.

Will populate the error property if the listing is not active, or was not created by the wallet.

import {
  useCancelDirectListing,
  useContract,
  Web3Button,
} from "@thirdweb-dev/react";
import { ListingType } from "@thirdweb-dev/sdk";

// Your smart contract address
const contractAddress = "{{contract_address}}";

const listingId = "{{listing_id}}";

function App() {
  const { contract } = useContract(contractAddress, "marketplace-v3");
  const {
    mutateAsync: cancelDirectListing,
    isLoading,
    error,
  } = useCancelDirectListing(contract);

  return (
    <Web3Button
      contractAddress={contractAddress}
      action={() =>
        cancelDirectListing(
          listingId,
        )
      }
    >
      Cancel Direct Listing
    </Web3Button>
  );
}