useStellarSigner

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

import { useStellarSigner } from "@getpara/react-sdk/stellar";
import { Networks, TransactionBuilder, Operation, Asset, BASE_FEE, Horizon } from "@stellar/stellar-sdk";

const server = new Horizon.Server("https://horizon.stellar.org");

function StellarSigner() {
  const { stellarSigner, isLoading } = useStellarSigner({
    networkPassphrase: Networks.PUBLIC,
  });

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

    const account = await server.loadAccount(stellarSigner.address);

    const transaction = new TransactionBuilder(account, {
      fee: BASE_FEE,
      networkPassphrase: Networks.PUBLIC,
    })
      .addOperation(
        Operation.payment({
          destination: "GRECIPI...",
          asset: Asset.native(),
          amount: "10",
        })
      )
      .setTimeout(180)
      .build();

    const { signedTxXdr } = await stellarSigner.signTransaction(transaction.toXDR());
    console.log("Signed XDR:", signedTxXdr);
  };

  if (isLoading) return <div>Loading Stellar signer...</div>;

  return (
    <div>
      <p>Address: {stellarSigner?.address}</p>
      <button onClick={handleSign}>Sign Transaction</button>
    </div>
  );
}

// Override passphrase for a single call
const { signedTxXdr } = await stellarSigner.signTransaction(transaction.toXDR(), {
  networkPassphrase: Networks.TESTNET,
});