can add groups

src/hooks/index.ts

@@ -9,7 +9,7 @@ export {
 //   useDeviceWebsocket,
 //   useFirmwareAPI,
 //   useGitlab,
-//   useGroupAPI,
+  useGroupAPI,
   useHTTP,
 //   useInteractionsAPI,
 //   useMeasurementsWebsocket,
@@ -23,7 +23,7 @@ export {
 //   useUsageAPI,
   useUserAPI
 } from "providers";
-// export * from "./useDebounce";
+export * from "./useDebounce";
 // export * from "./useForceUpdate";
 // export * from "./useInterval";
 export * from "./usePrevious";

src/hooks/useDebounce.ts

@@ -0,0 +1,13 @@
+import { useState, useEffect } from "react";
+
+// Debounces value changes until the specificed time in ms has elapsed
+export const useDebounce = (value: string, ms: number) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), ms);
+    return () => clearTimeout(handler);
+  }, [value, ms]);
+
+  return debouncedValue;
+};