fix(Storage): properly debounce text input filter

Author: ariser

src/containers/Storage/StorageFilter/StorageFilter.js

@@ -1,24 +1,21 @@
-import {useEffect, useState} from 'react';
+import {useEffect, useRef, useState} from 'react';
 import {TextInput} from '@yandex-cloud/uikit';
 import {StorageTypes} from '../../../store/reducers/storage';
 
 function StorageFilter(props) {
     const [filter, setFilter] = useState('');
-    let timer;
-
-    useEffect(() => {
-        return () => clearTimeout(timer);
-    }, []);
+    const timer = useRef();
 
     useEffect(() => {
         setFilter('');
         props.changeReduxStorageFilter('');
     }, [props.storageType]);
 
     const changeFilter = (value) => {
-        clearTimeout(timer);
         setFilter(value);
-        timer = setTimeout(() => {
+
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => {
             props.changeReduxStorageFilter(value);
         }, 200);
     };