1 files changed, 19 insertions, 19 deletions

diff --git a/src/components/ui/select/index.tsx b/src/components/ui/select/index.tsx
index 902eb7748..650600fb3 100644
--- a/src/components/ui/select/index.tsx
+++ b/src/components/ui/select/index.tsx
@@ -191,12 +191,23 @@ class SelectComponent extends Component<IProps, IState> {
     this.arrowKeysHandler = this.arrowKeysHandler.bind(this);
   }
 
-  componentDidUpdate(): void {
-    const { open } = this.state;
+  UNSAFE_componentWillMount(): void {
+    const { value } = this.props;
 
-    if (this.searchInputRef?.current && open) {
-      this.searchInputRef.current.focus();
+    if (this.componentRef?.current) {
+      this.componentRef.current.removeEventListener(
+        'keydown',
+        this.keyListener,
+      );
     }
+
+    if (value) {
+      this.setState({
+        value,
+      });
+    }
+
+    this.setFilter();
   }
 
   componentDidMount(): void {
@@ -212,23 +223,12 @@ class SelectComponent extends Component<IProps, IState> {
     window.addEventListener('keydown', this.arrowKeysHandler, false);
   }
 
-  UNSAFE_componentWillMount(): void {
-    const { value } = this.props;
-
-    if (this.componentRef?.current) {
-      this.componentRef.current.removeEventListener(
-        'keydown',
-        this.keyListener,
-      );
-    }
+  componentDidUpdate(): void {
+    const { open } = this.state;
 
-    if (value) {
-      this.setState({
-        value,
-      });
+    if (this.searchInputRef?.current && open) {
+      this.searchInputRef.current.focus();
     }
-
-    this.setFilter();
   }
 
   componentWillUnmount(): void {