acl view done

react/shared/hooks/async-search.js

@@ -5,6 +5,7 @@ export default function useAsyncSearch(callback, minLength = 1) {
 
     const [searchString, setSearchString] = useState("");
     const [results, setResults] = useState(null);
+    const [isSearching, setSearching] = useState(false);
 
     useEffect(() => {
         if (minLength > 0 && (!searchString || searchString.length < minLength)) {
@@ -12,9 +13,13 @@ export default function useAsyncSearch(callback, minLength = 1) {
             return;
         }
 
-        callback(searchString).then(results => {
-            setResults(results || null);
-        });
+        if (!isSearching) {
+            setSearching(true);
+            callback(searchString).then(results => {
+                setResults(results || null);
+                setSearching(false);
+            });
+        }
     }, [searchString]);
 
     return [searchString, setSearchString, results];