Lesson8:Why did the statement "Tx. confirmations" not return a blockNumber

[lvther]

The console did not print out the blockNumber, but the following content:

Tx blockNumber is: async confirmations() { return await this.provider.getBlockNumber() - this.blockNumber + 1 }

Here is my main code：

async function fund(ethAmount) {
    ethAmount = "0.1"
    console.log(`funding with ${ethAmount}`);
    if (typeof window.ethereum !== "undefined") {
        const provider = new ethers.BrowserProvider(window.ethereum)
        const signer = await provider.getSigner()
        console.log(signer);

        const contract = new ethers.Contract(contractAddress, abi, signer)
        try {
            const TxResponse = await contract.fund({
                value: ethers.parseEther(ethAmount)
            })
            await listenForTx(TxResponse, provider)
            console.log("DONE");
        }
        catch (error) {
            console.log(error);
        }
    }
}


function listenForTx(TxResponse, provider) {
    console.log(`mining ${TxResponse.hash}...`);
    return new Promise((resolve, reject) => {
        provider.once(TxResponse.hash, (Tx) => {
            console.log(`Tx blockNumber is: ${Tx.confirmations}`);
            resolve()
        })
    })

[SnoepNFTs]

The console did not print out the blockNumber, but the following content:

Tx blockNumber is: async confirmations() { return await this.provider.getBlockNumber() - this.blockNumber + 1 }

Here is my main code：

async function fund(ethAmount) {
    ethAmount = "0.1"
    console.log(`funding with ${ethAmount}`);
    if (typeof window.ethereum !== "undefined") {
        const provider = new ethers.BrowserProvider(window.ethereum)
        const signer = await provider.getSigner()
        console.log(signer);

        const contract = new ethers.Contract(contractAddress, abi, signer)
        try {
            const TxResponse = await contract.fund({
                value: ethers.parseEther(ethAmount)
            })
            await listenForTx(TxResponse, provider)
            console.log("DONE");
        }
        catch (error) {
            console.log(error);
        }
    }
}


function listenForTx(TxResponse, provider) {
    console.log(`mining ${TxResponse.hash}...`);
    return new Promise((resolve, reject) => {
        provider.once(TxResponse.hash, (Tx) => {
            console.log(`Tx blockNumber is: ${Tx.confirmations}`);
            resolve()
        })
    })

Hey I was having this problem as well and I am using ethers v6.7.0 which it most likely is related to.

But the fix is actually pretty simple

function listenForTransactionMine(transactionResponse, provider) {
    console.log(`Mining ${transactionResponse.hash}...`);
    provider.once(transactionResponse.hash, async (transactionReceipt) => {
        const confirmations = await transactionReceipt.confirmations();
        console.log(
            `Completed with ${confirmations} confirmations`,
        );
    });
}

What I did was first console.log out the transactionReceipt object and then based on that figure out what methods are in there. Apparently using confirmations() was asynchronous so I changed the callback function to async and used await for logging out the confirmations. I hope this helps

In this solution:

• I made the callback function async to allow the use of await. (because console.log showed that confirmations() was asynchronous)
• Then, I awaited the confirmations() method to get the actual number of confirmations before logging it out.