Smart contract calling is not working with BrowserProvider

[dreamPerson0106]

Dear everybody!
I am building a project now and faced one problem.

const provider = new ethers.BrowserProvider(window.ethereum);
const aContract = new ethers.Contract("address", aContractABI, provider);
console.log("Existing token amount", await aContract.balanceOf(address));

When I am calling smart contract, if I use BrowserProvider, it's not working.
It shows me this error.
Uncaught (in promise) Error: could not decode result data (value="0x", info={ "method": "balanceOf", "signature": "balanceOf(address)" }, code=BAD_DATA, version=6.4.0)
But if I replace it with JsonRpcProvider it is working.

ethers: 6.4.0

Please help me in this.
Thanks and kind regards.

[ricmoo]

This often happens when the injected provider is not on the same network. If the contract is deployed on mainnet and MetaMask is connected to Görli, then when using the BrowserProvider, you are communicating with Görli, which will return 0x as the contract doesn’t live there.

Your error indicates the result from sending the request to the contract was 0x, so that’s my first guess…

[dreamPerson0106]

Thanks for your kind reply.

[JesseMorningstar]

Yeah this threw me off as well: my contracts were working, then I redeploy a contract (a proxy) and suddenly nothing works anymore.
I thought I introduced a bug somehow in the new code.
One eternity later. 😂
Turned out that Remix had reset the network to which I was deploying and so I was interacting with contracts that did not exist on the network I was actually working with.

Thank you for your answer.

[fukemy]

hi, can you help? I am using ether + web3modal and got same issues, I still dont know how to fix it?

'use client';
import Link from "next/link";
import Script from "next/script";
import React, { useEffect } from "react";
import { initWasm } from "@trustwallet/wallet-core";
import { useWalletInfo, useWeb3Modal, useWeb3ModalAccount, useWeb3ModalProvider, useWeb3ModalState } from "@web3modal/ethers/react";
import { BrowserProvider, Contract, formatUnits } from "ethers";

const USDTAddress = '0xb..................fa3aab58909B33f54a'

// The ERC-20 Contract ABI, which is a common contract interface
// for tokens (this is the Human-Readable ABI format)
const USDTAbi = [
  'function name() view returns (string)',
  'function symbol() view returns (string)',
  'function balanceOf(address) view returns (uint)',
  'function transfer(address to, uint amount)',
  'event Transfer(address indexed from, address indexed to, uint amount)'
]


export default function Home() {

  const { open } = useWeb3Modal()
  const { walletInfo } = useWalletInfo()
  const state = useWeb3ModalState()
  const { address, chainId, isConnected } = useWeb3ModalAccount()
  const { walletProvider } = useWeb3ModalProvider()

  console.log('useWeb3ModalAccount', address, chainId, isConnected)

  async function getBalance() {
    if (!isConnected) throw Error('User disconnected')

    const ethersProvider = new BrowserProvider(walletProvider)
    const signer = await ethersProvider.getSigner()
    console.log('singer', signer)
    // The Contract object
    const USDTContract = new Contract(USDTAddress, USDTAbi, signer)
    const USDTBalance = await USDTContract.balanceOf(address)

    console.log(formatUnits(USDTBalance, 18))
  }


  return (
    ...
  );
}

[oforduh]

` const USDTAbi = [
"function name() view returns (string)",
"function symbol() view returns (string)",
"function balanceOf(address) view returns (uint)",
"function transfer(address to, uint amount)",
"event Transfer(address indexed from, address indexed to, uint amount)",
];

const getBalance = async () => {
const add = address as string;
const ethersProvider = new BrowserProvider(walletProvider);

console.log(ethersProvider);
const signer = await ethersProvider.getSigner();
console.log(signer);
// // The Contract object
const ercContract = new Contract(add, USDTAbi, signer);
console.log(ercContract);
const USDTBalance = await ercContract.balanceOf(address);
console.log(USDTBalance);

console.log(formatUnits(USDTBalance, 18));
setGetBalances(formatUnits(USDTBalance, 18));

// console.log(data);

};`. This is my error. Error: could not decode result data (value="0x", info={ "method": "balanceOf", "signature": "balanceOf(address)" }, code=BAD_DATA, version=6.11.1)

[oforduh]

How do i resolve this? the code breaks when it gets to USDTBalance

[fukemy]

hi, do you solved this?