Fixed: File browser

(cherry picked from commit f7ce5c7b115ea0d12ab63f19960c473e09e30f3d)
Prowlarr · May 5, 2023 · 8090dc9 · 8090dc9
1 parent 5bc1f34
commit 8090dc9
Showing 1 changed file with 3 additions and 14 deletions.
diff --git a/frontend/src/Components/FileBrowser/FileBrowserModalContent.js b/frontend/src/Components/FileBrowser/FileBrowserModalContent.js
@@ -39,7 +39,7 @@ class FileBrowserModalContent extends Component {
   constructor(props, context) {
     super(props, context);
 
-    this._scrollerNode = null;
+    this._scrollerRef = React.createRef();
 
     this.state = {
       isFileBrowserModalOpen: false,
@@ -57,21 +57,10 @@ class FileBrowserModalContent extends Component {
       currentPath !== prevState.currentPath
     ) {
       this.setState({ currentPath });
-      this._scrollerNode.scrollTop = 0;
+      this._scrollerRef.current.scrollTop = 0;
     }
   }
 
-  //
-  // Control
-
-  setScrollerRef = (ref) => {
-    if (ref) {
-      this._scrollerNode = ReactDOM.findDOMNode(ref);
-    } else {
-      this._scrollerNode = null;
-    }
-  };
-
   //
   // Listeners
 
@@ -145,7 +134,7 @@ class FileBrowserModalContent extends Component {
           />
 
           <Scroller
-            ref={this.setScrollerRef}
+            ref={this._scrollerRef}
             className={styles.scroller}
             scrollDirection={scrollDirections.BOTH}
           >