[P2PS-3015]/Nada/fix: cannot access t before initialization (binary-c…

…om#15452)

* fix: cannot access t before initialization

* fix: move timeout to ref

packages/components/src/components/search-box/search-box.jsx

@@ -6,6 +6,7 @@ import Icon from '../icon';
 import Input from '../input';
 
 const SearchBox = ({ className, onClear, onSearch, placeholder }) => {
+    const typing_timer = React.useRef(null);
     const onSearchClear = setFieldValue => {
         setFieldValue('search', '');
 
@@ -15,9 +16,9 @@ const SearchBox = ({ className, onClear, onSearch, placeholder }) => {
     };
 
     const onSearchKeyUpDown = submitForm => {
-        clearTimeout(typing_timer);
+        clearTimeout(typing_timer.current);
 
-        const typing_timer = setTimeout(() => {
+        typing_timer.current = setTimeout(() => {
             submitForm();
         }, 500);
     };
@@ -35,6 +36,10 @@ const SearchBox = ({ className, onClear, onSearch, placeholder }) => {
         }
     };
 
+    React.useEffect(() => {
+        return () => clearTimeout(typing_timer.current);
+    }, []);
+
     return (
         <div className={classNames('search-box', className)}>
             <Formik initialValues={{ search: '' }} onSubmit={onSearchSubmit}>