fix HTMLPreview/annotator state leak

app/components/review-wizard/Annotator.jsx

@@ -25,26 +25,28 @@ const Annotator = BaseComponent =>
       }
     }
     async start(elm, options) {
-      const app = new annotator.App()
-      await app
-        .include(annotator.ui.main, { element: elm })
-        .include(annotator.storage.http, {
-          prefix: '/annotations',
-          urls: {
-            create: '/',
-            update: `/{id}`,
-            destroy: `/{id}`,
-            search: `/file/${options.file_id}`,
-          },
-        })
-        .include(this.addHooks, options)
-        .start()
-      await app.annotations.store.setHeader(
-        'Authorization',
-        `Bearer ${window.localStorage.getItem('token')}`,
-      )
-      await app.annotations.load()
-      this.setState({ app })
+      if (this.elem) {
+        const app = new annotator.App()
+        await app
+          .include(annotator.ui.main, { element: elm })
+          .include(annotator.storage.http, {
+            prefix: '/annotations',
+            urls: {
+              create: '/',
+              update: `/{id}`,
+              destroy: `/{id}`,
+              search: `/file/${options.file_id}`,
+            },
+          })
+          .include(this.addHooks, options)
+          .start()
+        await app.annotations.store.setHeader(
+          'Authorization',
+          `Bearer ${window.localStorage.getItem('token')}`,
+        )
+        await app.annotations.load()
+        this.setState({ app })
+      }
     }
     addHooks = options => ({
       annotationsLoaded: annotations => {},

app/components/review-wizard/HTMLPreview.jsx

@@ -10,21 +10,28 @@ class HTMLPreview extends React.Component {
     try {
       const response = await fetch(this.props.url)
       const html = await response.text()
-      await this.setState({ html })
+      if (this.div) {
+        await this.setState({ html })
+      }
     } catch (error) {
-      this.setState({ html: `'No Web Preview generated. Error: ${error}` })
+      if (this.div) {
+        this.setState({ html: `'No Web Preview generated. Error: ${error}` })
+      }
     }
   }
   componentDidUpdate(prevProps, prevState) {
-    if (this.props.loaded) {
+    if (this.props.loaded && this.div) {
       if (prevState.html === null && this.state.html !== null) {
         this.props.loaded(true)
       }
     }
   }
+  setRef = div => {
+    this.div = div
+  }
   render() {
     return (
-      <div id="html-preview">
+      <div id="html-preview" ref={this.setRef}>
         {ReactHtmlParser(this.state.html, {
           transform: function transform(node, index) {
             if (