BigNumber stack us. Probably our way to use BigNumber is wrong.

[gurunbox-contracts]

I often use useDapp hooks which use ether.js.

I successfully call read-only function from ETH blockchain like allowance function of USDC.

However, I was thrown this error when I call read-only function which return more than 2 values on typescript.

invalid BigNumber value (argument="value", value=undefined, code=INVALID_ARGUMENT, version=bignumber/5.5.0)

The following code is something wrong. But, I do not know how to fix the bug. Please help us.
useGetReserves(pair) works. This hook about read-only function returns 4 values from ETH blockchain

import { ethers } from "ethers";
export const SwapModal = ({ setShowModal }: SwapModalProps) => {
    const token0 = useContext(TokensContext)?.token0
    const token1 = useContext(TokensContext)?.token1
    const token2 = useContext(TokensContext)?.token2
    const pair = useContext(TokensContext)?.pair
    var reserves: string[] = new Array(4);
    const [reserve0, reserve1, reserve2, reserve3] = useGetReserves(pair)

    
    var a = ethers.BigNumber.from(reserve0).toString()
    console.log(a)

[ricmoo]

You are passing undefined into BigNumber, try logging reserve0. I’m guessing there is something amiss in useGetReserves.