Use callback-style ref.

firefox-devtools · Apr 23, 2018 · 3983762 · 3983762
1 parent 74f2184
commit 3983762
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/devtools-launchpad/src/components/LandingPage.js b/packages/devtools-launchpad/src/components/LandingPage.js
@@ -72,8 +72,8 @@ class LandingPage extends Component {
   }
 
   componentDidUpdate() {
-    if (this.refs.filterInput) {
-      this.refs.filterInput.focus();
+    if (this.filterInput) {
+      this.filterInput.focus();
     }
   }
 
@@ -192,7 +192,9 @@ class LandingPage extends Component {
     return dom.header(
       {},
       dom.input({
-        ref: "filterInput",
+        ref: node => {
+          this.filterInput = node;
+        },
         placeholder: "Filter tabs",
         value: filterString,
         autoFocus: true,