Merge branch 'develop' of github.com:GetStream/stream-chat-react-native into develop

Author: khushal87

.prettierignore

@@ -3,8 +3,5 @@
 **/dist/
 **/.expo/
 **/vendor/
-*.md
-*.mdx
 package/src/components/docs/
-package/lib/
-docusaurus/
+package/lib/

package/.eslintrc.json

@@ -148,7 +148,7 @@
         "@typescript-eslint/ban-ts-comment": 0,
         "@typescript-eslint/no-unused-vars": 1,
         "@typescript-eslint/no-var-requires": 0,
-        "react-hooks/exhaustive-deps": 0,
+        "react-hooks/exhaustive-deps": 1,
         "react-native/no-inline-styles": 0,
         "array-callback-return": 2,
         "arrow-body-style": 2,

package/src/components/Attachment/AudioAttachment.tsx

@@ -155,6 +155,7 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
         soundRef.current.unloadAsync();
       }
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   // This is needed for expo applications where the rerender doesn't occur on time thefore you need to update the state of the sound.

package/src/components/Attachment/Gallery.tsx

@@ -141,6 +141,7 @@ const GalleryWithContext = <
         images: imagesAndVideos,
         sizeConfig,
       }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [imagesAndVideosValue],
   );
 

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],
   );