useParaCosmjsSignAndBroadcast

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

import { useParaCosmjsProtoSigner, useParaCosmjsSignAndBroadcast } from "@getpara/react-sdk";
import { SigningStargateClient, coins } from "@cosmjs/stargate";

function SendTokens() {
  const { protoSigner } = useParaCosmjsProtoSigner();
  // Connect signing client (see useParaCosmjsProtoSigner docs)
  const { signAndBroadcastAsync, isPending } = useParaCosmjsSignAndBroadcast(protoSigner, client);

  const handleSend = async () => {
    const result = await signAndBroadcastAsync({
      messages: [sendMsg],
      fee: { amount: coins(5000, "uatom"), gas: "200000" },
    });
    console.log("Tx hash:", result.transactionHash);
  };

  return (
    <button onClick={handleSend} disabled={isPending}>
      {isPending ? "Broadcasting..." : "Send Tokens"}
    </button>
  );
}