feat: constantly sending collaboration messages (#1769)

Author: boris-w

apps/nextjs-app/src/features/app/blocks/view/grid/hooks/useCollaborate.ts

@@ -91,7 +91,9 @@ export const useCollaborate = (
           }
         );
     }
-  }, [activeCell, localPresence, tableId, user, getCellContent]);
+    // not include getCellContent, because it will be changed frequently
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [activeCell, localPresence, tableId, user]);
 
   return collaborators;
 };

packages/sdk/src/hooks/use-button-click-status.ts

@@ -3,7 +3,7 @@ import { getTableButtonClickChannel } from '@teable/core';
 import { buttonClick as buttonClickApi } from '@teable/openapi/src/record/button-click';
 import { sonner } from '@teable/ui-lib';
 import { isEmpty, get } from 'lodash';
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from '../context/app/i18n';
 import { useConnection } from './use-connection';
 
@@ -122,7 +122,9 @@ export const useButtonClickStatus = (tableId: string) => {
     };
   }, [connection, presence, channel, setStatus]);
 
-  return { checkLoading, setStatus, buttonClick };
+  return useMemo(() => {
+    return { checkLoading, setStatus, buttonClick };
+  }, [checkLoading, setStatus, buttonClick]);
 };
 
 export type IButtonClickStatusHook = ReturnType<typeof useButtonClickStatus>;