useTransfer

function useTransfer(): {
  transfer: (args: {
    to: string;
    idempotencyKey?: string;
    wait?: boolean;
  }) => Promise<Transfer>;
  status: TransferStatus;
  data: Transfer | null;
  error: Error | null;
  reset: () => void;
};

type TransferStatus =
  | "idle"
  | "preparing"
  | "settling"
  | "confirmed"
  | "expired"
  | "failed"
  | "error";

"use client";
import { useTransfer } from "@endstate-sdk/web/react";

function TransferButton() {
  const { transfer, status, data, error } = useTransfer();
  const to = "0x..."; // where the item is going

  return (
    <div>
      <button
        onClick={() => transfer({ to })}
        disabled={status === "preparing"}
      >
        Prepare transfer
      </button>

      {/* Endstate authorized the move. The current owner now broadcasts
          data.transaction with their own signer - see the core reference. */}
      {data?.transaction && <p>Ready to broadcast to {to}.</p>}
      {status === "error" && <p>Could not prepare: {error?.message}</p>}
    </div>
  );
}