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>
	);
}