useMintNFTSupply

Hook for minting additional supply to an existing ERC-1155 token.

Available to use on contracts that implement the ERC1155Mintable interface, such as the Edition or Edition Drop.

The wallet address that initiates this transaction must have minting permissions on the contract.

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

Usage

Provide your ERC-1155 contract as an argument to the hook.

import { useContract, useMintNFTSupply, Web3Button } from "@thirdweb-dev/react";

const contractAddress = "{{contract_address}}";
const walletAddress = "{{wallet_address}}";
const tokenId = "{{token_id}}";
const additionalSupply = "{{additional_supply}}";

function App() {
  // Contract must be an ERC-1155 contract that implements the ERC1155Mintable interface
  const { contract } = useContract(contractAddress);
  const {
    mutateAsync: mintNftSupply,
    isLoading,
    error,
  } = useMintNFTSupply(contract);

  return (
    <Web3Button
      contractAddress={contractAddress}
      action={() =>
        mintNftSupply({
          additionalSupply: additionalSupply, // Quantity to mint
          to: walletAddress, // Address to mint to
          tokenId: tokenId, // Token ID to add supply to
        })
      }
    >
      Mint NFT Supply
    </Web3Button>
  );
}

Configuration

additionalSupply (required)

The quantity of additional supply to mint.

For example, if you have 10 quantity so far, and you want to mint 5 more, set additionalSupply to 5.

Can be a string or number.

import { useContract, useMintNFTSupply, Web3Button } from "@thirdweb-dev/react";

const contractAddress = "{{contract_address}}";
const walletAddress = "{{wallet_address}}";
const tokenId = "{{token_id}}";
const additionalSupply = "{{additional_supply}}";

function App() {
  // Contract must be an ERC-1155 contract that implements the ERC1155Mintable interface
  const { contract } = useContract(contractAddress);
  const {
    mutateAsync: mintNftSupply,
    isLoading,
    error,
  } = useMintNFTSupply(contract);

  return (
    <Web3Button
      contractAddress={contractAddress}
      action={() =>
        mintNftSupply({
          additionalSupply: additionalSupply, // Quantity to mint
          to: walletAddress, // Address to mint to
          tokenId: tokenId, // Token ID to add supply to
        })
      }
    >
      Mint NFT Supply
    </Web3Button>
  );
}

to (required)

The wallet address to mint the new supply to.

To use the connected wallet address, use the useAddress hook.

import {
  useContract,
  useMintNFTSupply,
  Web3Button,
  useAddress,
} from "@thirdweb-dev/react";

const contractAddress = "{{contract_address}}";
const tokenId = "{{token_id}}";
const additionalSupply = "{{additional_supply}}";

function App() {
  // Contract must be an ERC-1155 contract that implements the ERC1155Mintable interface
  const { contract } = useContract(contractAddress);
  const {
    mutateAsync: mintNftSupply,
    isLoading,
    error,
  } = useMintNFTSupply(contract);
  const address = useAddress();

  return (
    <Web3Button
      contractAddress={contractAddress}
      action={() =>
        mintNftSupply({
          additionalSupply: additionalSupply, // Quantity to mint
          to: address, // Address to mint to
          tokenId: tokenId, // Token ID to add supply to
        })
      }
    >
      Mint NFT Supply
    </Web3Button>
  );
}

tokenId (required)

The token ID of the NFT to mint additional supply to.

Can be a string or number.

import { useContract, useMintNFTSupply, Web3Button } from "@thirdweb-dev/react";

const contractAddress = "{{contract_address}}";
const walletAddress = "{{wallet_address}}";
const tokenId = "{{token_id}}";
const additionalSupply = "{{additional_supply}}";

function App() {
  // Contract must be an ERC-1155 contract that implements the ERC1155Mintable interface
  const { contract } = useContract(contractAddress);
  const {
    mutateAsync: mintNftSupply,
    isLoading,
    error,
  } = useMintNFTSupply(contract);

  return (
    <Web3Button
      contractAddress={contractAddress}
      action={() =>
        mintNftSupply({
          additionalSupply: additionalSupply, // Quantity to mint
          to: walletAddress, // Address to mint to
          tokenId: tokenId, // Token ID to add supply to
        })
      }
    >
      Mint NFT Supply
    </Web3Button>
  );
}