title: React Dropzone cancel file upload on a button click
body: <p>I'm using <a href="https://react-dropzone.js.org/" rel="nofollow noreferrer">react-dropzone</a> to upload files to my server in my react app. Everything is working great but I want to add a feature where if a file is taking too long to upload due to its size, the user can cancel the process with the click of a button. </p>
  
  <pre><code>&lt;Dropzone 
    multiple={ false }
    accept={ allowedMimeTypes }
    onDrop={ this.onDrop }
    onDragEnter={ this.onDragEnter }
    onDragLeave={ this.onDragLeave }
    className={ classes.dropzone }
    maxSize={ MAX_UPLOAD_BYTES }
    &gt;
  &lt;/Dropzone&gt;
  &lt;button onClick={ this.onCancelUpload }&gt;Cancel&lt;/button&gt;
  </code></pre>
  
  <p>Please advise, if It is possible using react-dropzone. I can't think of a way to stop the event that is already triggered and is uploading the file. </p>