stream-chat-react-native-core 5.36.0-beta.4 → 5.36.0-beta.6

package/src/components/AttachmentPicker/AttachmentPicker.tsx

@@ -137,6 +137,7 @@ export const AttachmentPicker = React.forwardRef(
         }
         setLoadingPhotos(false);
       }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [currentIndex, selectedPicker, loadingPhotos]);
 
     // we need to use ref here to avoid running effect when getMorePhotos changes
@@ -172,6 +173,7 @@ export const AttachmentPicker = React.forwardRef(
       const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);
 
       return () => backHandler.remove();
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedPicker, closePicker]);
 
     useEffect(() => {
@@ -196,6 +198,7 @@ export const AttachmentPicker = React.forwardRef(
           Keyboard.removeListener(keyboardShowEvent, onKeyboardOpenHandler);
         }
       };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [closePicker, selectedPicker]);
 
     useEffect(() => {
@@ -208,6 +211,7 @@ export const AttachmentPicker = React.forwardRef(
           setPhotoError(false);
         }
       }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [currentIndex, loadingPhotos]);
 
     useEffect(() => {

package/src/components/AutoCompleteInput/AutoCompleteInput.tsx

@@ -129,6 +129,7 @@ const AutoCompleteInputWithContext = <
 
   useEffect(() => {
     handleChange(text, true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [text]);
 
   const startTracking = (trigger: Trigger) => {

package/src/components/AutoCompleteInput/AutoCompleteSuggestionList.tsx

@@ -95,6 +95,7 @@ export const AutoCompleteSuggestionListWithContext = <
     return triggerType === 'emoji' || triggerType === 'command'
       ? totalItemHeight + AUTO_COMPLETE_SUGGESTION_LIST_HEADER_HEIGHT
       : totalItemHeight;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [itemHeight, data.length]);
 
   const renderItem = ({ item }: { item: Suggestion<StreamChatGenerics> }) => {

package/src/components/Channel/Channel.tsx

@@ -677,6 +677,7 @@ const ChannelWithContext = <
       loadMoreFinished.cancel();
       loadMoreThreadFinished.cancel();
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelId, messageId]);
 
   const threadPropsExists = !!threadProps;
@@ -690,6 +691,7 @@ const ChannelWithContext = <
     } else {
       setThread(null);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [threadPropsExists, shouldSyncChannel]);
 
   const handleAppBackground = useCallback(() => {
@@ -702,6 +704,7 @@ const ChannelWithContext = <
         type: 'typing.stop',
       } as StreamEvent<StreamChatGenerics>);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [thread?.id, channelId]);
 
   useAppStateListener(undefined, handleAppBackground);
@@ -806,6 +809,7 @@ const ChannelWithContext = <
     return () => {
       channelSubscriptions.forEach((s) => s.unsubscribe());
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelId, shouldSyncChannel]);
 
   // subscribe to the generic all channel event
@@ -843,6 +847,7 @@ const ChannelWithContext = <
     };
     const { unsubscribe } = channel.on(handleEvent);
     return unsubscribe;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelId, thread?.id, shouldSyncChannel]);
 
   // subscribe to channel.deleted event
@@ -854,6 +859,7 @@ const ChannelWithContext = <
     });
 
     return unsubscribe;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelId]);
 
   useEffect(() => {
@@ -863,6 +869,7 @@ const ChannelWithContext = <
 
     const { unsubscribe } = client.on('notification.mark_read', handleEvent);
     return unsubscribe;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const channelQueryCallRef = useRef(
@@ -1058,6 +1065,7 @@ const ChannelWithContext = <
       // now restart it since its done
       restartSetsMergeFuncRef.current();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [targetedMessage]);
 
   /**
@@ -1361,6 +1369,7 @@ const ChannelWithContext = <
     return () => {
       connectionChangedSubscription.unsubscribe();
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [enableOfflineSupport, shouldSyncChannel]);
 
   const reloadChannel = () =>
@@ -1825,6 +1834,7 @@ const ChannelWithContext = <
      * Where the deps are [channelId, hasMore, loadingMoreRecent, loadingMore]
      * and only those deps should be used here because of that
      */
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [channelId, hasMore, loadingMore],
   );
 
@@ -1896,6 +1906,7 @@ const ChannelWithContext = <
      * Where the deps are [channelId, hasMore, loadingMoreRecent, loadingMore, hasNoMoreRecentMessagesToLoad]
      * and and only those deps should be used here because of that
      */
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [channelId, hasNoMoreRecentMessagesToLoad],
   );
 
@@ -2086,6 +2097,7 @@ const ChannelWithContext = <
       setThread(message);
       setThreadMessages(newThreadMessages);
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [setThread, setThreadMessages],
   );
 

package/src/components/Channel/hooks/useCreateChannelContext.ts

@@ -84,6 +84,7 @@ export const useCreateChannelContext = <
       watcherCount,
       watchers,
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       channelId,
       disabled,

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -133,6 +133,7 @@ export const useCreateInputMessageInputContext = <
       StartAudioRecordingButton,
       UploadProgressIndicator,
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [compressImageQuality, channelId, editingDep, initialValue, maxMessageLength, quotedMessageId],
   );
 

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -189,6 +189,7 @@ export const useCreateMessagesContext = <
       UrlPreview,
       VideoThumbnail,
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       additionalTouchablePropsLength,
       channelId,

package/src/components/Channel/hooks/useCreateOwnCapabilitiesContext.ts

@@ -41,6 +41,7 @@ export const useCreateOwnCapabilitiesContext = <
     return () => {
       listener.unsubscribe();
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const ownCapabilitiesContext: OwnCapabilitiesContextValue = useMemo(() => {
@@ -56,6 +57,7 @@ export const useCreateOwnCapabilitiesContext = <
     );
 
     return ownCapabilitiesContext;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channel.id, overrideCapabilitiesStr, own_capabilities]);
 
   return ownCapabilitiesContext;

package/src/components/Channel/hooks/useCreatePaginatedMessageListContext.ts

@@ -34,6 +34,7 @@ export const useCreatePaginatedMessageListContext = <
       setLoadingMore,
       setLoadingMoreRecent,
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       channelId,
       hasMore,

package/src/components/Channel/hooks/useCreateThreadContext.ts

@@ -36,6 +36,7 @@ export const useCreateThreadContext = <
       threadLoadingMore,
       threadMessages,
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       allowThreadMessagesInChannel,
       threadHasMore,

package/src/components/Channel/hooks/useCreateTypingContext.ts

@@ -14,6 +14,7 @@ export const useCreateTypingContext = <
     () => ({
       typing,
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [typingValue],
   );
 

package/src/components/ChannelList/ChannelList.tsx

@@ -368,6 +368,7 @@ export const ChannelList = <
       filters,
       sort,
     });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelIdsStr, staticChannelsActive]);
 
   const channelsContext = useCreateChannelsContext({

package/src/components/ChannelList/Skeleton.tsx

@@ -55,6 +55,7 @@ export const Skeleton = () => {
       }),
       -1,
     );
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const animatedStyle = useAnimatedStyle(

package/src/components/ChannelList/hooks/listeners/useAddedToChannelNotification.ts

@@ -44,5 +44,6 @@ export const useAddedToChannelNotification = <
 
     const listener = client?.on('notification.added_to_channel', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/listeners/useChannelDeleted.ts

@@ -43,5 +43,6 @@ export const useChannelDeleted = <
 
     const listener = client?.on('channel.deleted', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/listeners/useChannelHidden.ts

@@ -44,5 +44,6 @@ export const useChannelHidden = <
 
     const listener = client?.on('channel.hidden', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/listeners/useChannelTruncated.ts

@@ -38,5 +38,6 @@ export const useChannelTruncated = <
 
     const listener = client?.on('channel.truncated', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/listeners/useChannelUpdated.ts

@@ -50,5 +50,6 @@ export const useChannelUpdated = <
 
     const listener = client?.on('channel.updated', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/listeners/useChannelVisible.ts

@@ -44,5 +44,6 @@ export const useChannelVisible = <
 
     const listener = client?.on('channel.visible', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/listeners/useNewMessage.ts

@@ -57,5 +57,6 @@ export const useNewMessage = <
 
     const listener = client?.on('message.new', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/listeners/useNewMessageNotification.ts

@@ -54,5 +54,6 @@ export const useNewMessageNotification = <
 
     const listener = client?.on('notification.message_new', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/listeners/useRemovedFromChannelNotification.ts

@@ -39,5 +39,6 @@ export const useRemovedFromChannelNotification = <
 
     const listener = client?.on('notification.removed_from_channel', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/listeners/useUserPresence.ts

@@ -43,5 +43,6 @@ export const useUserPresence = <
     return () => {
       listeners?.forEach((l) => l?.unsubscribe());
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 };

package/src/components/ChannelList/hooks/useCreateChannelsContext.ts

@@ -80,6 +80,7 @@ export const useCreateChannelsContext = <
       setFlatListRef,
       Skeleton,
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       channelValueString,
       error,

package/src/components/ChannelList/hooks/usePaginatedChannels.ts

@@ -249,6 +249,7 @@ export const usePaginatedChannels = <
     }
 
     return () => listener?.unsubscribe?.();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [filterStr, sortStr]);
 
   return {

package/src/components/ChannelPreview/ChannelPreview.tsx

@@ -52,6 +52,7 @@ const ChannelPreviewWithContext = <
       setUnread(channel.countUnread());
     });
     return unsubscribe;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {
@@ -65,6 +66,7 @@ const ChannelPreviewWithContext = <
 
     const newUnreadCount = channel.countUnread();
     setUnread(newUnreadCount);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelLastMessageString, channelListForceUpdate]);
 
   useEffect(() => {
@@ -92,6 +94,7 @@ const ChannelPreviewWithContext = <
     ];
 
     return () => listeners.forEach((l) => l.unsubscribe());
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {
@@ -105,6 +108,7 @@ const ChannelPreviewWithContext = <
 
     const listener = channel.on('message.read', handleReadEvent);
     return () => listener.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return <Preview channel={channel} latestMessagePreview={latestMessagePreview} unread={unread} />;

package/src/components/ChannelPreview/ChannelPreviewMessenger.tsx

@@ -143,6 +143,7 @@ const ChannelPreviewMessengerWithContext = <
 
     client.on('notification.channel_mutes_updated', handleEvent);
     return () => client.off('notification.channel_mutes_updated', handleEvent);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [client]);
 
   return (

package/src/components/ChannelPreview/hooks/useChannelPreviewDisplayAvatar.ts

@@ -72,6 +72,7 @@ export const useChannelPreviewDisplayAvatar = <
 
   useEffect(() => {
     setDisplayAvatar(getChannelPreviewDisplayAvatar(channel, client));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [id, image, name]);
 
   return displayAvatar;

package/src/components/ChannelPreview/hooks/useChannelPreviewDisplayName.ts

@@ -106,6 +106,7 @@ export const useChannelPreviewDisplayName = <
         members,
       }),
     );
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelName, currentUserId, characterLimit, numOfMembers]);
 
   return displayName;

package/src/components/ChannelPreview/hooks/useChannelPreviewDisplayPresence.ts

@@ -48,6 +48,7 @@ export const useChannelPreviewDisplayPresence = <
 
   useEffect(() => {
     setDisplayPresence(getChannelPreviewDisplayPresence(channel, client));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelMemberOnline]);
 
   return displayPresence;

package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts

@@ -258,6 +258,7 @@ export const useLatestMessagePreview = <
         setReadEvents(read_events);
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [channelConfigExists]);
 
   useEffect(
@@ -271,6 +272,7 @@ export const useLatestMessagePreview = <
           t,
         }),
       ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [channelLastMessageString, forceUpdate, readEvents, readStatus],
   );
 

package/src/components/Chat/Chat.tsx

@@ -197,6 +197,7 @@ const ChatWithContext = <
           data: client.user,
         });
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [client, enableOfflineSupport]);
 
   const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);
@@ -208,6 +209,7 @@ const ChatWithContext = <
       DBSyncManager.init(client as unknown as StreamChat);
       setInitialisedDatabaseConfig({ initialised: true, userID });
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [userID, enableOfflineSupport]);
 
   const initialisedDatabase =

package/src/components/Chat/hooks/useAppSettings.ts

@@ -47,6 +47,7 @@ export const useAppSettings = <
     }
 
     enforeAppSettings();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [client, isOnline, initialisedDatabase]);
 
   return appSettings;

package/src/components/Chat/hooks/useCreateChatContext.ts

@@ -38,6 +38,7 @@ export const useCreateChatContext = <
       resizableCDNHosts,
       setActiveChannel,
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [appSettings, channelId, clientValues, connectionRecovering, isOnline, mutedUsersLength],
   );
 

package/src/components/Chat/hooks/useIsOnline.ts

@@ -102,6 +102,7 @@ export const useIsOnline = <
       chatListeners.forEach((listener) => listener.unsubscribe?.());
       unsubscribeNetInfo?.();
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [clientExists]);
 
   return { connectionRecovering, isOnline };

package/src/components/Chat/hooks/useMutedUsers.ts

@@ -20,6 +20,7 @@ export const useMutedUsers = <
 
     const listener = client?.on('notification.mutes_updated', handleEvent);
     return () => listener?.unsubscribe();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [setMutedUsers]);
 
   return mutedUsers;

package/src/components/Chat/hooks/useSyncDatabase.ts

@@ -28,5 +28,6 @@ export const useSyncDatabase = <
     return () => {
       listener?.unsubscribe();
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [client, initialisedDatabase]);
 };

package/src/components/ImageGallery/ImageGallery.tsx

@@ -160,6 +160,7 @@ export const ImageGallery = <
   const quarterScreenHeight = fullWindowHeight / 4;
   const snapPoints = React.useMemo(
     () => [(fullWindowHeight * 3) / 4, fullWindowHeight - imageGalleryGridHandleHeight],
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [],
   );
 
@@ -193,6 +194,7 @@ export const ImageGallery = <
   useEffect(() => {
     Keyboard.dismiss();
     showScreen();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   /**
@@ -295,6 +297,7 @@ export const ImageGallery = <
 
   useEffect(() => {
     setImageGalleryAttachments(photos);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   /**
@@ -324,6 +327,7 @@ export const ImageGallery = <
     );
 
     runOnUI(updatePosition)(newIndex);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selectedMessage, photoLength]);
 
   /**
@@ -351,6 +355,7 @@ export const ImageGallery = <
         });
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [uriForCurrentImage]);
 
   const { onDoubleTap, onPan, onPinch, onSingleTap } = useImageGalleryGestures({

package/src/components/ImageGallery/components/ImageGalleryOverlay.tsx

@@ -54,6 +54,7 @@ export const ImageGalleryOverlay = (props: Props) => {
       opacity.value = 0;
       setFadedIn(false);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentBottomSheetIndex]);
 
   const showOverlayStyle = useAnimatedStyle<ViewStyle>(

package/src/components/Indicators/LoadingDot.tsx

@@ -42,6 +42,7 @@ export const LoadingDot = (props: Props) => {
         -1,
       ),
     );
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const dotStyle = useAnimatedStyle<ViewStyle>(

package/src/components/KeyboardCompatibleView/KeyboardCompatibleViewFC.tsx

@@ -108,10 +108,12 @@ export const KeyboardCompatibleView = ({
 
       unsetKeyboardListeners();
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {
     updateBottomIfNecessary();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [keyboardEvent.current]);
 
   const dismissKeyboard: () => Promise<void> | undefined = () => {

package/src/components/Message/hooks/useCreateMessageContext.ts

@@ -100,6 +100,7 @@ export const useCreateMessageContext = <
       threadList,
       videos,
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       actionsEnabled,
       quotedMessageDeletedValue,

package/src/components/Message/hooks/useProcessReactions.ts

@@ -112,5 +112,6 @@ export const useProcessReactions = <
       hasReactions: unsortedReactions.length > 0,
       totalReactionCount: unsortedReactions.reduce((total, { count }) => total + count, 0),
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [reaction_groups, own_reactions?.length, latest_reactions?.length, sortReactions]);
 };

package/src/components/MessageInput/FileUploadPreview.tsx

@@ -158,6 +158,7 @@ const FileUploadPreviewWithContext = <
         progress: 0,
       })),
     );
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fileUploads.length]);
 
   // Handler triggered when an audio is loaded in the message input. The initial state is defined for the audio here and the duration is set.
@@ -284,16 +285,16 @@ const FileUploadPreviewWithContext = <
               </View>
             </View>
           )}
-          <TouchableOpacity
-            onPress={() => {
-              removeFile(item.id);
-            }}
-            style={[styles.dismiss, { backgroundColor: grey_gainsboro }, dismiss]}
-            testID='remove-file-upload-preview'
-          >
-            <Close pathFill={grey_dark} />
-          </TouchableOpacity>
         </UploadProgressIndicator>
+        <TouchableOpacity
+          onPress={() => {
+            removeFile(item.id);
+          }}
+          style={[styles.dismiss, { backgroundColor: grey_gainsboro }, dismiss]}
+          testID='remove-file-upload-preview'
+        >
+          <Close pathFill={grey_dark} />
+        </TouchableOpacity>
       </>
     );
   };