useParaSuiSignTransaction

import { useParaSuiSignTransaction } from "@getpara/react-sdk";

import { useParaSuiSigner, useParaSuiSignTransaction } from "@getpara/react-sdk";
import { Transaction } from "@mysten/sui/transactions";
import { SuiGrpcClient } from "@mysten/sui/grpc";

const client = new SuiGrpcClient({ network: "mainnet", baseUrl: "https://fullnode.mainnet.sui.io:443" });

function SignTransaction() {
  const { suiSigner } = useParaSuiSigner();
  const { signTransactionAsync, isPending } = useParaSuiSignTransaction(suiSigner);

  const handleSign = async () => {
    if (!suiSigner) return;

    const tx = new Transaction();
    tx.setSender(suiSigner.address);
    const [coin] = tx.splitCoins(tx.gas, [1]);
    tx.transferObjects([coin], suiSigner.address);
    const bytes = await tx.build({ client });

    const { signature } = await signTransactionAsync(bytes);
    console.log("Signature:", signature);
  };

  return (
    <button onClick={handleSign} disabled={isPending}>
      {isPending ? "Signing..." : "Sign Transaction"}
    </button>
  );
}