How to cancel a payment that awaits confirmation in Metamask using web3?

Question

I'm working on a crypto payment system using ethers Web3Provider

web3.eth.sendTransaction(transactionObject)

After the user calls this method, this dialog is shown:

In the app the user is able to close the payment dialog leaving this pending. Is there a way to reject this payment using JS when closing the dialog inside the app? Clearing all payments would also be a solution but in the documentation I can't find anything about this case.

Answer 1

Here's an article that might help: https://chainstack.com/a-developers-guide-to-the-transactions-in-mempool-metamask-edition/

You can basically send a no eth transaction with a high fee and same account nounce as the pending transaction. This will help drop the pending transaction. This is how metamask "cancel" a transaction