title: React axios Error: Request aborted for delete request in Firefox but not in Chrome
body: <p>I have been having trouble with my delete requests not working in Firefox with only info given is "error Request aborted". All other requests are working fine but on Firefox, the delete request is not working. I tested it on chrome and it works fine.</p>
  
  <pre><code>import React, { Component } from 'react';
  import { Link } from 'react-router-dom';
  import axios from 'axios';
  
    const Buyer = props =&gt; (
      &lt;tr&gt;
        &lt;td&gt;{props.buyer.firstName} {props.buyer.lastName}&lt;/td&gt;
        &lt;td&gt;
          &lt;Link to={"/buyeredit/"+props.buyer._id}&gt;edit&lt;/Link&gt; | &lt;a href="/buyer" onClick={() =&gt; { props.deletebuyer(props.buyer._id) }}&gt;delete&lt;/a&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    )
  
    export default class BuyerList extends Component {
  
      constructor(props) {
        super(props);  
        this.deletebuyer = this.deletebuyer.bind(this);  
        this.state = {buyers: []};
      }
  
      componentDidMount() {
        axios.get('http://localhost:5000/buyer/')
         .then(response =&gt; {
           this.setState({ buyers: response.data });
         })
         .catch((error) =&gt; {
            console.log(error);
         })
      }
  
      deletebuyer(id) {
        axios.delete('http://localhost:5000/buyer/'+id)
          .then(res =&gt; console.log(res.data))
          .catch(err =&gt; console.log("Oops, there was an error with deleteing please fix this asap, thx only works in chrome for some reason :"+err));  
          this.setState({
          buyers: this.state.buyers.filter(el =&gt; el._id !== id)
        });
      }
  
      buyerList() {
        return this.state.buyers.map(currentbuyer =&gt; {
          return &lt;Buyer buyer={currentbuyer} deletebuyer={this.deletebuyer} key={currentbuyer._id}/&gt;;
        })
      }
  </code></pre>
  
  <p>Edit: I have also tested the request in postman and it works perfectly.</p>