<EtherspotTokenTransferTransaction />

Introduction

The <EtherspotTokenTransferTransaction /> React Component helps you facilitate the transfer of an asset (such as PLR. USDC or SHIB) to another account.

You just need to provide the token address, the destination address and the amount of tokens you want to transfer to the destination address, and we'll take it from there.

About token addresses

Remember to research the correct token address on the correct blockchain you are sending to. Do not send tokens to another blockchain as it will be lost.

Keep transfers on the same blockchain.

The <EtherspotTokenTransferTransaction /> component assumes that a transfer function exists on the Smart Contract being called.

Component Properties

Property	Description
tokenAddress	The destination token address
receiverAddress	The blockchain address that will receive the token
value	How much of the token you want to send to the receiver address

How to use

Below is an example of how to use the <EtherspotTokenTransferTransaction /> component.

// In your functional component or elsehwere
const onEstimateReceiver = (estimationData) => {
  console.log(
    'This is the cost estimate for all the batches',
    estimationData,
  );
}

// In your render or as a component...
<EtherspotBatches onEstimated={onEstimateReceiver}>
  <EtherspotBatch>
    {/*
      The following <EtherspotTokenTransferTransaction />
      component will transfer 5 USDC from the built-in
      Etherspot Smart Wallet account to the receiverAddress.
      
      In the example below:
      
      - The tokenAddress is the USDC contract address
        on Ethereum
      - The receiverAddress is the destination of the
        token amount being transferred
      - The value determines how much of the USDC is
        being transferred to the receiverAddress
    */}
    <EtherspotTokenTransferTransaction
      tokenAddress={'0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48'}
      receiverAddress={'0x0763d68dd586AB1DD8Be2e00c514B2ac8757453b'}
      value={'5'}
    />
    {/*
      You can add more <Etherspot*Transaction />
      components here, and they will all be executed
      together and at the same time (i.e. as part of
      this batch).
    */}
  </EtherspotBatch>
</EtherspotBatches>

🎉 Congratulations!

And that is how we use the <EtherspotTokenTransferTransaction /> component. Transaction Kit has simplified the whole process of sending tokens to another bblockchain account.

Be sure that the the token address is the correct address for the blockchain you are working on.