fix: adress debaunce time

Author: dcoa

src/authz-module/libraries-manager/components/TeamTable/components/SortDropdown.tsx

@@ -35,8 +35,7 @@ const SortDropdown: FC = () => {
   const SORT_LABELS: Record<string, string> = useMemo(() => ({
     'name-a-z': intl.formatMessage({ id: 'authz.libraries.team.table.sort.name-a-z', defaultMessage: 'Name A-Z' }),
     'name-z-a': intl.formatMessage({ id: 'authz.libraries.team.table.sort.name-z-a', defaultMessage: 'Name Z-A' }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }), []);
+  }), [intl]);
 
   const currentSort = useMemo(() => {
     if (!state?.sortBy?.length) { return undefined; }
@@ -63,8 +62,7 @@ const SortDropdown: FC = () => {
       ...option,
       label: SORT_LABELS[key],
     })),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [],
+    [SORT_LABELS],
   );
 
   const currentSortLabel = sortOrder ? SORT_LABELS[sortOrder] : 'Sort';

src/authz-module/libraries-manager/components/TeamTable/index.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 import debounce from 'lodash.debounce';
 import { useIntl } from '@edx/frontend-platform/i18n';
@@ -80,6 +80,10 @@ const TeamTable = () => {
     [roles],
   );
 
+  const fetchData = useMemo(() => debounce(handleTableFetch, 500), [handleTableFetch]);
+
+  useEffect(() => () => fetchData.cancel(), [fetchData]);
+
   return (
     <DataTable
       isFilterable
@@ -90,7 +94,7 @@ const TeamTable = () => {
       manualSortBy
       defaultColumnValues={{ Filter: TextFilter }}
       numBreakoutFilters={3}
-      fetchData={debounce(handleTableFetch, 1000)}
+      fetchData={fetchData}
       data={rows}
       itemCount={teamMembers?.count || 0}
       pageCount={pageCount}