useSubmitTransaction

import {
  useSubmitTransaction,
  useClients,
  useSignTransaction,
} from "@aptos-labs/react";
import { Account } from "@aptos-labs/ts-sdk";
 
export default function App() {
  const { client } = useClients();
  const recipient = Account.generate();
 
  const { mutateAsync: signTransaction } = useSignTransaction();
 
  const {
    mutate: submitTransaction,
    data: transactionResult,
    isPending: isSubmitting,
    isSuccess: isSubmitted,
  } = useSubmitTransaction();
 
  const handleSignAndSubmitTransaction = async () => {
    const transaction = await client.buildTransaction({
      data: {
        function: "0x1::aptos_account::transfer",
        functionArguments: [recipient.accountAddress, 100],
      },
    });
 
    const signedTransaction = await signTransaction({ transaction });
 
    submitTransaction({
      senderAuthenticator: signedTransaction.authenticator,
      transaction,
    });
  };
 
  return (
    <div>
      <button onClick={handleSignAndSubmitTransaction} disabled={isPending}>
        Sign and Submit Transaction
      </button>
      {isSubmitting && <p>Submitting transaction...</p>}
      {isSubmitted && <p>Transaction hash: {transactionResult?.hash}</p>}
    </div>
  );
}