Configuration including bridge functions and callbacks.
State and methods for managing bridge operations.
import { useBridgePayment } from "@t402/react";
function BridgeButton({ bridgeClient }) {
const { autoBridge, isLoading, isSuccess, txHash, error } = useBridgePayment({
bridgeFn: (params) => bridgeClient.bridge(params),
autoBridgeFn: (params) => bridgeClient.autoBridge(params),
onSuccess: (result) => console.log("Bridged:", result),
});
return (
<button
onClick={() => autoBridge({ toChain: "arbitrum", amount: 100_000000n, recipient: "0x..." })}
disabled={isLoading}
>
{isLoading ? "Bridging..." : "Bridge USDT0"}
</button>
);
}
Hook for cross-chain USDT0 bridging via WDK.