About Batch Transfer (ThirdWeb React v5)

[emin-karadag]

Hello,
How can I send to multiple addresses using <TransactionButton/>?
I made sending to a single wallet as follows.

Link: https://portal.thirdweb.com/react/v5/components/TransactionButton

<TransactionButton
        transaction={async () => {
          if (!account)
            return;

          const transaction = transfer({
            contract,
            to: "0x613540d63666C26593Fce4694d10f7d5de76bdEd",
            amount: 0.1,
          });

          var result = await sendTransaction({ transaction, account });
        }}
        onClick={() => alert("Transaction is about to be sent")}
        onTransactionSent={(result) => {
          console.log("Transaction submitted", result);
        }}
        onTransactionConfirmed={(receipt) => {
          console.log("Transaction confirmed", receipt);
        }}
        onError={(error) => {
          console.log("Transaction error", error);
        }}
      >
        Confirm Transaction
</TransactionButton>

But can you show me an example of how I can do “Batch Transfer”? Unfortunately, the “Batch Transfer” examples in the Thirdweb document were not enough.

Thank you in advance.

[linear]

TOOL-3142 About Batch Transfer (ThirdWeb React v5)

[gregfromstl]

Hey @emin-karadag,

The transaction button is not meant to send batch transactions, but rather a single transaction at a time. If you'd like to send batch transactions with a smart account, you'll need to create the button yourself and follow the example here.

I also noticed your TransactionButton example is wrong. The transaction prop function should return a transaction object, rather than sending the transaction itself.

[emin-karadag]

Hello @gregfromstl ,
First of all, thank you for your answers.

1. What is the ‘spender’ parameter in the link you sent for Batch Transfer? I guess it is an external smart contract that I need to create on Thirdweb.

2. Thank you for the misuse in the TransactionButton example. However, I realised that when I return the transaction object, the onError probe works even if the transaction is successful. It happens this way for every successful transaction. But I realised that I didn't get an error when I didn't return anything.
   Translated with DeepL.com (free version)

[gregfromstl]

You don't need to deploy your own smart contract to use smart accounts. The spender would normally be the address of the smart account that will send the transaction. See the docs here for more info on using AA with React.

Could you share the error it returns and an example transaction? Are you sure the transaction succeeds?