I'm currently using viem in a NextJs dApp and I'm facing an issue. Basically, I'm using the waitForTransactionReceipt action to await for a tx to be confirmed. The docs says that if the call reverts then an error would be thrown. However, at the current stage, even if the tx fails no error is risen and therefore I cannot catch it. Thanks to the receipt I have been able to somehow handle this case but I'd like to fire a toast where is written the error from the smart contract (which is a revert string and not a custom error).

Probably I'm missing something and I'm here asking for your help, thanks in advantage.

Here the code:
try{
let tx = await walletClient.writeContract({
address: '0x04fcda1a2478388FF0Ea011fC1Aa4FD027E7f136',
abi: abi,
functionName: 'withdraw',
account: walletClient.getAddresses()[0],
})
let transaction = await publicClient.waitForTransactionReceipt({
hash: tx
})
if(transaction.status !== 'reverted'){
toast.success('Withdrawn!', {
position: 'top-right',
autoClose: 3000,
hideProgressBar: false,
closeOnClick: true,
pauseOnHover: true,
draggable: true,
progress: undefined,
});
} else {
toast.error('Could not withdraw', {
position: 'top-right',
autoClose: 3000,
hideProgressBar: false,
closeOnClick: true,
pauseOnHover: true,
draggable: true,
progress: undefined,
});
}
} catch(e) {
console.log(e)
/* toast.error(`${e.details}`, {
position: 'top-right',
autoClose: 3000,
hideProgressBar: false,
closeOnClick: true,
pauseOnHover: true,
draggable: true,
progress: undefined,
}); */
}
}

While if I don't use the 'if' statement, Metamask says that the tx has failed, poly scan display the revert reason but on the dApp no error is caught and the success toast is fired.

try{
let tx = await walletClient.writeContract({
address: '0x04fcda1a2478388FF0Ea011fC1Aa4FD027E7f136',
abi: abi,
functionName: 'withdraw',
account: walletClient.getAddresses()[0],
})
await publicClient.waitForTransactionReceipt({
hash: tx
})
toast.success('Withdrawn!', {
position: 'top-right',
autoClose: 3000,
hideProgressBar: false,
closeOnClick: true,
pauseOnHover: true,
draggable: true,
progress: undefined,
});
} catch(e) {
console.log(e)
/* toast.error(`${e.details}`, {
position: 'top-right',
autoClose: 3000,
hideProgressBar: false,
closeOnClick: true,
pauseOnHover: true,
draggable: true,
progress: undefined,
}); */
}
}

Am I missing the elephant in the room?
Thanks again for your help.