TransactionButton

TransactionButton component is used to render a button that sends a given transaction. Refer to preparing transactions guide to learn how to create a transaction object.

It shows a "Switch Network" button if the connected wallet is on a different chain than the transaction.

function Example() {
  return (
    <TransactionButton
      transaction={() => {
        // Create a transaction object and return it
        const tx = prepareContractCall({
          contract,
          method: "mint",
          params: [address, amount],
        });
        return tx;
      }}
      onTransactionSent={(result) => {
        console.log("Transaction submitted", result.transactionHash);
      }}
      onTransactionConfirmed={(receipt) => {
        console.log("Transaction confirmed", receipt.transactionHash);
      }}
      onError={(error) => {
        console.error("Transaction error", error);
      }}
    >
      Confirm Transaction
    </TransactionButton>
  );
}