How to handle custom errors at simulateContract using wagmi's writeContract?

[jusikXL]

I found an article on how to handle custom errors at simulateContract docs.

But in my case I see such an error:

ContractFunctionExecutionError: RPC Request failed.

URL: https://rpc.fusespark.io
Request body: {"method":"eth_call","params":[{"from":"0x6A832f7335B9740002bE9884B3856aF803d62D3F","data":"0xd21c121500000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000065ce97700000000000000000000000000000000000000000000000000000000065d13a70ada5013122d395ba3c54772283fb069b10426056ef8ca54750cb9bb552a59e7dada5013122d395ba3c54772283fb069b10426056ef8ca54750cb9bb552a59e7d","to":"0x37fF6415A2Ba00655f29db7F78a8b9e835CDC2d2"},"latest"]}
 
Raw Call Arguments:
  from:  0x6A832f7335B9740002bE9884B3856aF803d62D3F
  to:    0x37fF6415A2Ba00655f29db7F78a8b9e835CDC2d2
  data:  0xd21c121500000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000065ce97700000000000000000000000000000000000000000000000000000000065d13a70ada5013122d395ba3c54772283fb069b10426056ef8ca54750cb9bb552a59e7dada5013122d395ba3c54772283fb069b10426056ef8ca54750cb9bb552a59e7d
 
Contract Call:
  address:   0x37fF6415A2Ba00655f29db7F78a8b9e835CDC2d2
  function:  book(uint256 roomId, uint128 checkInDate, uint128 checkOutDate, uint256 pastBookingId, uint256 nextBookingId)
  args:          (1, 1708038000, 1708210800, 78541660797044910968829902406342334108369226379826116161446442989268089806461, 78541660797044910968829902406342334108369226379826116161446442989268089806461)
  sender:    0x6A832f7335B9740002bE9884B3856aF803d62D3F

Docs: https://viem.sh/docs/contract/simulateContract
Details: VM execution error.
Version: [email protected]
    at getContractError (getContractError.js:34:12)
    at simulateContract (simulateContract.js:83:98)
    at async simulateContract (simulateContract.js:30:33)
    at async writeContract (writeContract.js:31:46)
    at async book (VM44564 book.tsx:133:13)
    at async onSubmit (VM44564 book.tsx:88:13)
    at async eval (index.esm.mjs:2091:21)

This error is of type ContractFunctionExecutionError, not ContractFunctionRevertedError. In that case, is there any possibility to extract the custom error name? The contract has a bunch of custom errors and one is for sure triggered during that call.

Here is how I do it

async function book(checkIn: bigint, checkOut: bigint) {
    try {
      const txPromise = writeContract(config, {
        address: hotelAddress,
        abi: hotelAbi,
        functionName: 'book',
        args: [roomId, checkIn, checkOut, pastBookingId, nextBookingId],
      });

      const resultPromise = txPromise.then((tx) => {
        return client.waitForTransactionReceipt({
          hash: tx,
        });
      });

      await resultPromise;

      toast.success('Booked!');
    } catch (err) {
      if (err instanceof BaseError) {
        const revertError = err.walk((err) => err instanceof ContractFunctionRevertedError);
        if (revertError instanceof ContractFunctionRevertedError) {
          const errorName = revertError.data?.errorName ?? '';
          // do something with `errorName`
          toast.error(errorName);
          console.log(errorName);
        }
      }
    }
  }

[jusikXL]

I found this decodeerrorresult. But how do I reach data field?

[Yuripetusko]

Posted similar issue on wagmi repo. Didn't find any solution yet

wevm/wagmi#3618