fix: switch UserOrGroupAutocomplete to useDebouncedFunction

Parkreiner · Parkreiner · commit 6a10a2bc1dae · 2023-09-15T20:56:51.000Z
diff --git a/site/src/components/UserOrGroupAutocomplete/UserOrGroupAutocomplete.tsx b/site/src/components/UserOrGroupAutocomplete/UserOrGroupAutocomplete.tsx
@@ -5,11 +5,11 @@ import Autocomplete from "@mui/material/Autocomplete";
 import { useMachine } from "@xstate/react";
 import { Group, User } from "api/typesGenerated";
 import { AvatarData } from "components/AvatarData/AvatarData";
-import debounce from "just-debounce-it";
 import { ChangeEvent, useState } from "react";
 import { getGroupSubtitle } from "utils/groups";
 import { searchUsersAndGroupsMachine } from "xServices/template/searchUsersAndGroupsXService";
 import Box from "@mui/material/Box";
+import { useDebouncedFunction } from "hooks/debounce";
 
 export type UserOrGroupAutocompleteValue = User | Group | null;
 
@@ -44,7 +44,7 @@ export const UserOrGroupAutocomplete: React.FC<
     return !excludeIds.includes(result.id);
   });
 
-  const handleFilterChange = debounce(
+  const { debounced: handleFilterChange } = useDebouncedFunction(
     (event: ChangeEvent<HTMLInputElement>) => {
       sendSearch("SEARCH", { query: event.target.value });
     },
