Updated WebViewer

Fixed memory leak again after conversion

Author: S0ulDrag0n

package-lock.json

@@ -29,7 +29,7 @@
     "@types/react-dom": "~18.0.5"
   },
   "dependencies": {
-    "@pdftron/webviewer": "^8.10.0-20221128",
+    "@pdftron/webviewer": "^8.11.0-20230117",
     "classnames": "^2.2.6",
     "lodash": "^4.17.21"
   }

package.json

@@ -35,6 +35,7 @@ export interface InputProps {
 }
 
 export interface ViewerState {
+    wvInstance?: WebViewerInstance;
     isDocumentLoaded: boolean;
     currentFileId?: number;
 }
@@ -43,12 +44,11 @@ const hasAttribute = (attribute: any): boolean => attribute && attribute.status
 
 class PDFViewer extends React.Component<InputProps, ViewerState> {
     viewerRef: React.RefObject<HTMLDivElement>;
-    wvInstance?: WebViewerInstance;
     constructor(props: InputProps) {
         super(props);
         this.viewerRef = React.createRef();
-        this.wvInstance = undefined;
         this.state = {
+            wvInstance: undefined,
             isDocumentLoaded: false,
             currentFileId: undefined
         };
@@ -76,7 +76,7 @@ class PDFViewer extends React.Component<InputProps, ViewerState> {
         ).then((instance: WebViewerInstance) => {
             const { Core, UI } = instance;
 
-            this.wvInstance = instance;
+            this.setState({ wvInstance: instance });
 
             UI.setLanguage(this.props.defaultLanguage);
 
@@ -261,9 +261,9 @@ class PDFViewer extends React.Component<InputProps, ViewerState> {
     }
     componentWillUnmount(): void {
         // Perform clean-up of WV when unmounted
-        if (this.wvInstance) {
+        if (this.state.wvInstance) {
             // Disposing WV events
-            this.wvInstance.UI.dispose();
+            this.state.wvInstance.UI.dispose();
         }
     }
     render(): ReactNode {