Minting example using Web3.js, prechecks the transaction for errors

web3-mint.js

const handleMintClick = async (evt) => {
  if( evt && evt.cancelable )
    evt.preventDefault();

  try{
    //usually returns a BN (BigNumber)
    const priceBN = await contract.methods.PRICE().call();
    const quantityBN = new Web3.utils.BN( `${quantity}` );
    const valueBN = priceBN.mul( quantityBN );

    const sendArgs = {
      from: accounts[0],
      value: valueBN.toString()
    }

    //send the same arguments for both
    await contract.methods.mint( mintAmount ).estimateGas( sendArgs );
    const txn = await contract.methods.mint( mintAmount ).send( sendArgs );
  }
  catch( err ){
    err = EthereumSession.getError( err )
    if( err.code === 4001 ){
      alert( "Please try again and confirm the transaction" );
    }
    else{
      let error = String( err );
      if( err.message ){
        const code = err.code ? err.code +': ' : '';
        error = code + err.message;
      }

      alert( "Oops!  Mint failed...\n\n"+ error );
    }
  }
};