regression: add deps props for useDebouncedCallback for app stream (R…

…ocketChat#30251)
Daksh-10 · Sep 1, 2023 · 6098941 · 6098941
1 parent 5c80ce9
commit 6098941
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 13 deletions.
diff --git a/apps/meteor/client/hooks/useAppActionButtons.ts b/apps/meteor/client/hooks/useAppActionButtons.ts
@@ -29,9 +29,13 @@ export const useAppActionButtons = (context?: `${UIActionButtonContext}`) => {
  staleTime: Infinity,
  });
 
- const invalidate = useDebouncedCallback(() => {
- queryClient.invalidateQueries(['apps', 'actionButtons']);
- }, 100);
+ const invalidate = useDebouncedCallback(
+ () => {
+ queryClient.invalidateQueries(['apps', 'actionButtons']);
+ },
+ 100,
+ [],
+ );
 
  useEffect(() => {
  if (!uid) {

diff --git a/apps/meteor/client/hooks/useAppSlashCommands.ts b/apps/meteor/client/hooks/useAppSlashCommands.ts
@@ -11,9 +11,13 @@ export const useAppSlashCommands = () => {
  const apps = useSingleStream('apps');
  const uid = useUserId();
 
- const invalidate = useDebouncedCallback(() => {
- queryClient.invalidateQueries(['apps', 'slashCommands']);
- }, 100);
+ const invalidate = useDebouncedCallback(
+ () => {
+ queryClient.invalidateQueries(['apps', 'slashCommands']);
+ },
+ 100,
+ [],
+ );
 
  useEffect(() => {
  if (!uid) {

diff --git a/apps/meteor/client/hooks/useAppTranslations.ts b/apps/meteor/client/hooks/useAppTranslations.ts
@@ -26,9 +26,13 @@ export const useAppTranslations = () => {
  }
  }, [result.data]);
 
- const invalidate = useDebouncedCallback(() => {
- queryClient.invalidateQueries(['apps', 'translations']);
- }, 100);
+ const invalidate = useDebouncedCallback(
+ () => {
+ queryClient.invalidateQueries(['apps', 'translations']);
+ },
+ 100,
+ [],
+ );
 
  useEffect(() => {
  if (!uid) {

diff --git a/apps/meteor/client/providers/AppsProvider.tsx b/apps/meteor/client/providers/AppsProvider.tsx
@@ -22,10 +22,14 @@ const AppsProvider: FC = ({ children }) => {
 
  const stream = useSingleStream('apps');
 
- const invalidate = useDebouncedCallback(() => {
- queryClient.invalidateQueries(['marketplace', 'apps-instance']);
- invalidateAppsCountQuery();
- }, 100);
+ const invalidate = useDebouncedCallback(
+ () => {
+ queryClient.invalidateQueries(['marketplace', 'apps-instance']);
+ invalidateAppsCountQuery();
+ },
+ 100,
+ [],
+ );
 
  useEffect(() => {
  return stream('apps', ([key]) => {