React return bignumber instead of value

Question

I'm trying to ask to a smart contract the balance of it. The code for obtain the balance in Solidity is this:

 function balance() external view returns (uint) {
        uint amount = address(this).balance;
        return amount;
    }

Unfortunately when I run the code what I obtain is a block as result:

What I'm doing wrong?

Answer 1

if you are using ethers.js to interact with your smart contract, it provides a way to interact with Bignumbers and convert them to native JavaScript types. Check this out https://docs.ethers.io/v5/api/utils/bignumber/.

Answer 2

Was facing a similar issue you can solve it by,

return amount.toNumber()

BigNumber.toNumber( ) ⇒ number Returns the value of BigNumber as a JavaScript value.