refactor(groups): migrate groups selectors to react [EE-3842] (#8936)

app/react/components/datatables/useTableState.ts

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useMemo, useState } from 'react';
 import { useStore } from 'zustand';
 
 import { useSearchBarState } from './SearchBar';
@@ -27,3 +27,23 @@ export function useTableState<
     [settings, search, setSearch]
   );
 }
+
+export function useTableStateWithoutStorage(
+  defaultSortKey: string
+): BasicTableSettings & {
+  setSearch: (search: string) => void;
+  search: string;
+} {
+  const [search, setSearch] = useState('');
+  const [pageSize, setPageSize] = useState(10);
+  const [sortBy, setSortBy] = useState({ id: defaultSortKey, desc: false });
+
+  return {
+    search,
+    setSearch,
+    pageSize,
+    setPageSize,
+    setSortBy: (id: string, desc: boolean) => setSortBy({ id, desc }),
+    sortBy,
+  };
+}