> ## Documentation Index
> Fetch the complete documentation index at: https://www.dynamic.xyz/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Sending USDC (React Version)
> Learn how to send USDC tokens from your Dynamic embedded wallet on EVM chains
This guide is currently React only.
## Overview
Sending USDC, or other ERC-20 tokens, is one of the most common actions taken by wallet users on Ethereum-based chains. This guide will walk you through how to send USDC using Dynamic's embedded wallets.
## Step 1: Get the USDC Contract Address
To send USDC, you'll need the contract address for USDC. The address is different for each network, so make sure you get the correct address for the network you're targeting.
You can go to Circle's website to look up the USDC address on both [main networks](https://developers.circle.com/stablecoins/usdc-on-main-networks) and [test networks](https://developers.circle.com/stablecoins/usdc-on-test-networks).
## Step 2: Format the Transaction Data
USDC, and other ERC-20 tokens, are smart contracts. In order to send these tokens, your transaction needs to call the `transfer` function on the contract, which takes in two parameters:
* `to`: The address of the recipient
* `value`: The amount of tokens to send
When formatting the transaction data, you must define the expected interface of the function you're calling by providing an ABI. You can use helper packages like `viem` to provide the ABI and encode the function parameters.
Additionally, each ERC-20 token defines a `decimals` value, which is the number of decimal places for the token. For USDC, the `decimals` value is 6.
First, ensure you have the required dependencies installed for your platform:
Install the `viem` package for handling EVM transactions and ERC-20 token transfers:
```bash theme={"system"}
npm install viem
# or
yarn add viem
# or
pnpm add viem
```
## Step 3: Send the Transaction
You can send the transaction using Dynamic's wallet APIs. Below are examples for React, React Native, and Swift.
Use the `useDynamicContext` hook with wallet clients to send USDC transactions using the `writeContract` method:
```tsx React theme={"system"}
import { useState } from "react";
import { useDynamicContext } from "@dynamic-labs/sdk-react-core";
import { isEthereumWallet } from "@dynamic-labs/ethereum";
import { parseUnits, erc20Abi } from 'viem';
const SendUSDCComponent = () => {
const { primaryWallet } = useDynamicContext();
const [txHash, setTxHash] = useState("");
const [isLoading, setIsLoading] = useState(false);
const sendUSDC = async (recipientAddress: string, amount: string) => {
if (!primaryWallet || !isEthereumWallet(primaryWallet)) {
throw new Error("Wallet not connected or not EVM compatible");
}
setIsLoading(true);
try {
const walletClient = await primaryWallet.getWalletClient();
const publicClient = await primaryWallet.getPublicClient();
// USDC contract address (replace with your network's USDC address)
const usdcAddress = "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48"; // Ethereum mainnet
// Convert amount to USDC units (6 decimals)
const amountInUnits = parseUnits(amount, 6);
// Use writeContract for ERC-20 transfers
const hash = await walletClient.writeContract({
address: usdcAddress as `0x${string}`,
abi: erc20Abi,
functionName: 'transfer',
args: [recipientAddress as `0x${string}`, amountInUnits],
});
setTxHash(hash);
// Wait for transaction receipt
const receipt = await publicClient.waitForTransactionReceipt({ hash });
console.log("USDC transfer successful:", receipt);
} catch (error) {
console.error("Failed to send USDC:", error);
throw error;
} finally {
setIsLoading(false);
}
};
return (