Fix already cancellable tasks wrapped in makeCancellable

Author: wojtekmaj

src/Document.jsx

@@ -115,15 +115,14 @@ export default class Document extends PureComponent {
 
         const { options, onLoadProgress, onPassword } = this.props;
 
-        this.loadingTask = pdfjs.getDocument({ ...source, ...options });
-        this.loadingTask.onPassword = onPassword;
+        const destroyable = pdfjs.getDocument({ ...source, ...options });
+        destroyable.onPassword = onPassword;
         if (onLoadProgress) {
-          this.loadingTask.onProgress = onLoadProgress;
+          destroyable.onProgress = onLoadProgress;
         }
-        const cancellable = makeCancellable(this.loadingTask.promise);
-        this.runningTask = cancellable;
+        this.loadingTask = destroyable;
 
-        cancellable.promise
+        destroyable.promise
           .then((pdf) => {
             this.setState((prevState) => {
               if (prevState.pdf && prevState.pdf.fingerprint === pdf.fingerprint) {

src/Page/PageCanvas.jsx

@@ -1,6 +1,5 @@
 import React, { createRef, PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import makeCancellable from 'make-cancellable-promise';
 import mergeRefs from 'merge-refs';
 import warning from 'tiny-warning';
 import * as pdfjs from 'pdfjs-dist/build/pdf';
@@ -121,9 +120,10 @@ export class PageCanvasInternal extends PureComponent {
     // If another render is in progress, let's cancel it
     this.cancelRenderingTask();
 
-    this.renderer = makeCancellable(page.render(renderContext).promise);
+    const cancellable = page.render(renderContext);
+    this.renderer = cancellable;
 
-    return this.renderer.promise.then(this.onRenderSuccess).catch(this.onRenderError);
+    return cancellable.promise.then(this.onRenderSuccess).catch(this.onRenderError);
   };
 
   render() {

src/Page/TextLayer.jsx

@@ -126,16 +126,15 @@ export class TextLayerInternal extends PureComponent {
     // If another rendering is in progress, let's cancel it
     cancelRunningTask(this.runningTask);
 
+    this.layerElement.current.innerHTML = '';
+
     const parameters = {
       container: this.layerElement.current,
       textContent,
       viewport,
     };
 
-    this.layerElement.current.innerHTML = '';
-
-    this.runningTask = pdfjs.renderTextLayer(parameters);
-    const cancellable = makeCancellable(this.runningTask.promise);
+    const cancellable = pdfjs.renderTextLayer(parameters);
     this.runningTask = cancellable;
 
     cancellable.promise