How to get the revert custom error in ethers ?

[6be709c0]

Hello,

Using Ethers 6.6.0

I have an issue where Metamask error log contains the valid error message but ethers doesn't.
I want to display in my application the error received by the contract function when I use revert in my solidity code:

  modifier onlyOwner() {
        if (msg.sender != i_owner) revert FundMe__NotOwner();
        _;
    }

When I run this function with an account that is not the owner of the contract:

export const widthrawContract = async () => {
  if (!isCryptoWalletAvailable()) return;

  try {
    console.log(`Widthrawing wallet...`);
    const provider = new ethers.BrowserProvider(window.ethereum);
    const signer = await provider.getSigner();
    const contract = new ethers.Contract(
      FUND_ME_CONTRACT_ADDR,
      FUND_ME_ABI,
      signer
    );

    await contract.withdraw({});
  } catch (e) {
    console.log("Error in widthrawContract:", e);
  }
};

I'm getting the following error:

Somehow Metmask chrome extension gets it but ethers doesn't. Is there a way to get the error message containing "FundMe__NotOwner()" in that case ?

[6be709c0]

I was able to resolve my issue by adapting the answer from #3027 (comment) to

export const widthrawContract = async () => {
  if (!isCryptoWalletAvailable()) return;
  let provider, signer, contract;
  try {
    console.log(`Widthrawing wallet...`);
    provider = new ethers.BrowserProvider(window.ethereum);
    signer = await provider.getSigner();
    contract = new ethers.Contract(FUND_ME_CONTRACT_ADDR, FUND_ME_ABI, signer);

    await contract.withdraw({});
  } catch (e) {
    if (e.data && contract) {
      const decodedError = contract.interface.parseError(e.data);
      console.log(`Transaction failed: ${decodedError?.name}`);
    } else {
      console.log(`Error in widthrawContract:`, e);
    }
  }
};