Get Transaction Receipt - Para Docs

You’re viewing the 2.0 (LTS) docs. View the current 3.0 version of this page.

After sending a transaction, you need to monitor its status and retrieve the receipt to confirm its execution. This guide demonstrates how to get transaction receipts using , , and .

Prerequisites

You need Web3 libraries configured with Para authentication.

Get Transaction Receipt

Ethers.js
Viem
Wagmi

import { ethers } from "ethers";

async function getTransactionReceipt(
  provider: ethers.Provider,
  txHash: string
) {
  const receipt = await provider.getTransactionReceipt(txHash);
  console.log("Transaction Receipt:", receipt);
  return receipt;
}

async function waitForTransaction(provider: ethers.Provider, txHash: string) {
  const receipt = await provider.waitForTransaction(txHash);
  console.log("Transaction Confirmed:", receipt);
  return receipt;
}

async function getTransactionReceipt(
  publicClient: any,
  txHash: `0x${string}`
) {
  const receipt = await publicClient.getTransactionReceipt({
    hash: txHash,
  });
  console.log("Transaction Receipt:", receipt);
  return receipt;
}

async function waitForTransactionReceipt(
  publicClient: any,
  txHash: `0x${string}`
) {
  const receipt = await publicClient.waitForTransactionReceipt({
    hash: txHash,
  });
  console.log("Transaction Confirmed:", receipt);
  return receipt;
}

import { useTransactionReceipt, useWaitForTransactionReceipt } from "@getpara/react-sdk/wagmi";

function TransactionReceipt({ txHash }: { txHash: `0x${string}` }) {
  const { data: receipt, isLoading } = useTransactionReceipt({
    hash: txHash,
  });

  const { data: confirmedReceipt, isLoading: isConfirming } = useWaitForTransactionReceipt({
    hash: txHash,
  });

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

  return (
    <div>
      <h2>Transaction Receipt</h2>
      <pre>{JSON.stringify(receipt, null, 2)}</pre>
      {isConfirming && <div>Waiting for confirmation...</div>}
      {confirmedReceipt && (
        <div>
          <h2>Confirmed Receipt</h2>
          <pre>{JSON.stringify(confirmedReceipt, null, 2)}</pre>
        </div>
      )}
    </div>
  );
}