fix: fix the debounce of the asset top bar text field (#2219)

decentraland · Apr 16, 2024 · e86503e · e86503e
1 parent 718c195
commit e86503e
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/webapp/src/components/AssetTopbar/AssetTopbar.tsx b/webapp/src/components/AssetTopbar/AssetTopbar.tsx
@@ -63,13 +63,19 @@ export const AssetTopbar = ({
     [category, onBrowse, search, section, shouldRenderSearchDropdown]
   )
   const [searchValue, setSearchValue] = useState(search)
+
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null)
   const handleDebouncedChange = useCallback(
     (text: string) => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current)
+      }
+
       setSearchValue(text)
-      const timeoutId = setTimeout(() => {
+
+      timeoutRef.current = setTimeout(() => {
         handleInputChange(text)
       }, 500)
-      return () => clearTimeout(timeoutId)
     },
     [handleInputChange]
   )