refactor(FullSearch): replace useDebounce with useDebouncedCallback f…

…or improved performance
wireapp · Jan 14, 2025 · 9b2f283 · 9b2f283
1 parent c136ca4
commit 9b2f283
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/script/page/MainContent/panels/Collection/FullSearch.tsx b/src/script/page/MainContent/panels/Collection/FullSearch.tsx
@@ -19,7 +19,7 @@
 
 import React, {useEffect, useMemo, useRef, useState} from 'react';
 
-import {useDebounce} from 'use-debounce';
+import {useDebouncedCallback} from 'use-debounce';
 
 import {CloseIcon, Input, InputSubmitCombo, SearchIcon} from '@wireapp/react-ui-kit';
 
@@ -54,7 +54,7 @@ const FullSearch: React.FC<FullSearchProps> = ({searchProvider, click = noop, ch
   const [hasNoResults, setHasNoResults] = useState(false);
   const [element, setElement] = useEffectRef<HTMLDivElement>();
 
-  const [debouncedSearch] = useDebounce(async () => {
+  const debouncedSearch = useDebouncedCallback(async () => {
     const trimmedInput = searchValue.trim();
     change(trimmedInput);
     if (trimmedInput.length < 2) {