add resetDependencies param to usePagination

Author: nazabucciarelli

apps/meteor/client/views/admin/customEmoji/CustomEmoji.tsx

@@ -29,7 +29,7 @@ const CustomEmoji = ({ onClick, reload }: CustomEmojiProps) => {
 
 	const [text, setText] = useState('');
 	const { sortBy, sortDirection, setSort } = useSort<'name'>('name');
-	const { current, itemsPerPage, setItemsPerPage: onSetItemsPerPage, setCurrent: onSetCurrent, ...paginationProps } = usePagination();
+	const { current, itemsPerPage, setItemsPerPage: onSetItemsPerPage, setCurrent: onSetCurrent, ...paginationProps } = usePagination([text]);
 
 	const query = useDebouncedValue(
 		useMemo(

apps/meteor/client/views/admin/customSounds/CustomSoundsTable/CustomSoundsTable.tsx

@@ -26,9 +26,8 @@ type CustomSoundsTableProps = {
 const CustomSoundsTable = ({ reload, onClick }: CustomSoundsTableProps) => {
 	const t = useTranslation();
 	const { sortBy, sortDirection, setSort } = useSort<'name'>('name');
-	const { current, itemsPerPage, setItemsPerPage: onSetItemsPerPage, setCurrent: onSetCurrent, ...paginationProps } = usePagination();
-
 	const [text, setText] = useState('');
+	const { current, itemsPerPage, setItemsPerPage: onSetItemsPerPage, setCurrent: onSetCurrent, ...paginationProps } = usePagination([text]);
 
 	const query = useDebouncedValue(
 		useMemo(

packages/ui-client/src/components/GenericTable/hooks/usePagination.ts

@@ -8,7 +8,9 @@ import { useShowingResultsLabel } from './useShowingResultsLabel';
 /**
  * TODO: Move `usePagination` outside from `GenericTable` folder
  */
-export const usePagination = (): {
+export const usePagination = (
+	resetDependencies: unknown[] = [],
+): {
 	current: ReturnType<typeof useCurrent>[0];
 	setCurrent: ReturnType<typeof useCurrent>[1];
 	itemsPerPage: ReturnType<typeof useItemsPerPage>[0];
@@ -24,7 +26,7 @@ export const usePagination = (): {
 	// Reset to first page when itemsPerPage changes
 	useEffect(() => {
 		setCurrent(0);
-	}, [itemsPerPage, setCurrent]);
+	}, [itemsPerPage, setCurrent, ...resetDependencies]);
 
 	return useMemo(
 		() => ({