transactionReciept.confirmations Errr getting in console

[nraj07054]

I have done same as told in video but got different result in browser console.

Here is my javascript code

// in nodejs we use require()
// But in front-end we use import(), as we can't use require()

import { ethers } from "https://cdnjs.cloudflare.com/ajax/libs/ethers/6.7.0/ethers.min.js";
import { contractAddress, abi } from "./constants.js";

const connectButton = document.getElementById("connectButton");
const fundButton = document.getElementById("fundButton");
const balanceButton = document.getElementById("balanceButton");
const withdrawButton = document.getElementById("withdrawButton");
connectButton.onclick = connect;
fundButton.onclick = fund;
balanceButton.onclick = getBalance;
withdrawButton.onclick = withdraw;

async function connect() {
   if (typeof window.etherum != undefined) {
      await ethereum.request({ method: "eth_requestAccounts", params: [] });
      connectButton.innerHTML = "Connected";
   } else {
      connectButton.innerHTML = "Please install Metamask";
   }
}

async function getBalance() {
   if (typeof window.etherum != undefined) {
      const provider = new ethers.BrowserProvider(window.ethereum);
      const balance = await provider.getBalance(contractAddress);
      console.log(ethers.formatEther(balance));
   }
}

async function fund() {
   const ethAmount = document.getElementById("ethAmount").value;
   if (typeof window.ethereum != undefined) {
      const provider = new ethers.BrowserProvider(window.ethereum);
      const signer = await provider.getSigner();
      const contract = new ethers.Contract(contractAddress, abi, signer);
      console.log(`Funding with ${ethAmount}...`);
      try {
         const transactionResponse = await contract.fund({
            value: ethers.parseEther(ethAmount),
         });
         await listenForTransactionMine(transactionResponse, provider);
         console.log("Done!");
      } catch (error) {
         console.log(error);
      }
   }
}

async function withdraw() {
   if (typeof window.ethereum != "undefined") {
      console.log("Withdrawing...");
      const provider = new ethers.BrowserProvider(window.ethereum);
      const signer = await provider.getSigner();
      const contract = new ethers.Contract(contractAddress, abi, signer);

      try {
         const transactionResponse = await contract.withdraw();
         await listenForTransactionMine(transactionResponse, provider);
         console.log("Done!");
      } catch (error) {
         console.log(error);
      }
   }
}

function listenForTransactionMine(transactionResponse, provider) {
   console.log(`Mining ${transactionResponse.hash}....`);
   // Listen for transaction to finish
   return new Promise((resolve, reject) => {
      provider.once(transactionResponse.hash, (transactionReciept) => {
         console.log(
            `Completed with ${transactionReciept.confirmations} confirmations.`
         );
         resolve();
      });
   });
}

Now what I am getting after running fund() function

Completed with async confirmations(){return await this.provider.getBlockNumber()-this.blockNumber+1} confirmations.