useSendEvmEoaUsdc

function useSendEvmEoaUsdc(): {
  sendEvmEoaUsdc: (options: SendEvmEoaUsdcOptions) => Promise<SendEvmEoaUsdcResult>;
  data: TransactionState;
};

{
  sendEvmEoaUsdc: (options: SendEvmEoaUsdcOptions) => Promise<SendEvmEoaUsdcResult>;
  data: TransactionState;
}

import { useSendEvmEoaUsdc, useEvmAddress } from "@coinbase/cdp-hooks";

function MyComponent() {
  const { sendEvmEoaUsdc, data } = useSendEvmEoaUsdc();
  const { evmAddress } = useEvmAddress();

  const handleSendUsdc = async () => {
    if (!evmAddress || data.status === "pending") return;

    try {
      const result = await sendEvmEoaUsdc({
        evmAccount: evmAddress,
        to: "0x1234567890123456789012345678901234567890",
        amount: "25.50",
        network: "base-sepolia",
      });

      console.log("Transaction Hash:", result.transactionHash);
    } catch (error) {
      console.error("Failed to send USDC:", error);
    }
  };

  const isPending = data.status === "pending";

  return (
    <div>
      <button aria-disabled={isPending} onClick={handleSendUsdc}>
        {isPending ? "Sending USDC..." : "Send USDC"}
      </button>
      {data.status === "success" && <p>USDC sent successfully</p>}
      {data.status === "error" && <p>Error: {data.error?.message ?? "Unable to send USDC"}</p>}
    </div>
  );
}