gist3

 const getPrice = async () => {
    const data = await axios.get(
      "https://api.coingecko.com/api/v3/simple/price?ids=ethereum&vs_currencies=usd"
    );

    setPrice(data.data.ethereum.usd);
  };

  const getBalance = async () => {
    try {
      //setLoading(true);
      const provider = new ethers.providers.JsonRpcProvider(
        "https://eth-rinkeby.alchemyapi.io/v2/0mjCfRXMhCmlg6NpHLkztqcvtEbqG9__"
      );

      const paymentContract = new ethers.Contract(
        contractAddress,
        contractABI,
        provider
      );

      const contractBalance = await paymentContract.getBalance();

      setContractBalance(Number(BigNumber.from(contractBalance)) / 10 ** 18);
    } catch (error) {
      console.log(error);
    }
  };

 useEffect(() => {
    getBalance();
    getPrice();
  }, []);