从与 ether.js 的反应中查询可靠的视图函数的最佳方法？

如何解决从与 ether.js 的反应中查询可靠的视图函数的最佳方法？

js 与我的智能合约交互。我的合约有这样的功能，例如：

  function getofferById(uint256 _tokenId) public view returns (uint256) {
    require(_tokenId < MAX_B,"This tokenId does not exist");
    uint256 offer = bOffers[_tokenId];
    require(offer > 0,"There is no offer for this token");
    return offer;
}

现在什么是在页面加载时查询此数据或每当有新事件出现并且此数据可能已更改时，我是这样做的：

useEffect(() => {
    async function getofferById() {
      if (myContracts) {
        const _getofferById = myContracts.getofferById;
        if (_getofferById && id) {
          try {
            const _offer = await _getofferById(id);
            setoffer(formatUnits(_offer,'ether'));
          } catch (e) {
            setoffer(0);
          }
        }
      }
    }
    getofferById();
  },[myContracts,id,myEventOfferCreated,myEventOfferCanceled]);

但是这样一来，我的元掩码总是会出现很多控制台错误，因为 require 语句经常出现。

最好的方法是什么？