stream-chat-react-native-core 6.6.4 → 6.6.5

package/src/components/Poll/Poll.tsx

@@ -30,9 +30,15 @@ export const PollHeader = () => {
   const { t } = useTranslationContext();
   const { enforceUniqueVote, isClosed, maxVotesAllowed, name } = usePollState();
   const subtitle = useMemo(() => {
-    if (isClosed) return t('Vote ended');
-    if (enforceUniqueVote) return t('Select one');
-    if (maxVotesAllowed) return t('Select up to {{count}}', { count: maxVotesAllowed });
+    if (isClosed) {
+      return t('Vote ended');
+    }
+    if (enforceUniqueVote) {
+      return t('Select one');
+    }
+    if (maxVotesAllowed) {
+      return t('Select up to {{count}}', { count: maxVotesAllowed });
+    }
     return t('Select one or more');
   }, [isClosed, t, enforceUniqueVote, maxVotesAllowed]);
 
@@ -73,9 +79,11 @@ export const PollContent = ({
     <View style={[styles.container, container]}>
       {PollHeaderOverride ? <PollHeaderOverride /> : <PollHeader />}
       <View style={[styles.optionsWrapper, optionsWrapper]}>
-        {options?.slice(0, 10)?.map((option: PollOptionClass) => (
-          <PollOption key={`message_poll_option_${option.id}`} option={option} />
-        ))}
+        {options
+          ?.slice(0, 10)
+          ?.map((option: PollOptionClass) => (
+            <PollOption key={`message_poll_option_${option.id}`} option={option} />
+          ))}
       </View>
       {PollButtonsOverride ? <PollButtonsOverride /> : <PollButtons />}
     </View>

package/src/components/Poll/components/PollResults/PollVote.tsx

@@ -47,7 +47,7 @@ export const PollVote = ({ vote }: { vote: PollVoteClass }) => {
           <Avatar image={vote.user.image as string} key={vote.id} size={20} />
         ) : null}
         <Text style={[styles.voteUserName, { color: black }, userName]}>
-          {isAnonymous ? t<string>('Anonymous') : vote.user?.name ?? vote.user?.id}
+          {isAnonymous ? t<string>('Anonymous') : (vote.user?.name ?? vote.user?.id)}
         </Text>
       </View>
       <Text style={[styles.voteDate, { color: text_low_emphasis }, dateText]}>{dateString}</Text>

package/src/components/Poll/hooks/usePollAnswersPagination.ts

@@ -48,7 +48,9 @@ export const usePollAnswersPagination = ({
   const queryInProgress = useRef(false);
 
   const loadMore = useCallback(async () => {
-    if (cursorRef.current === null || queryInProgress.current) return;
+    if (cursorRef.current === null || queryInProgress.current) {
+      return;
+    }
     const next = cursorRef.current;
 
     setLoading(true);
@@ -69,14 +71,18 @@ export const usePollAnswersPagination = ({
   }, [paginationParams, poll]);
 
   useEffect(() => {
-    if (!loadFirstPage || pollAnswers.length) return;
+    if (!loadFirstPage || pollAnswers.length) {
+      return;
+    }
     loadMore();
   }, [loadFirstPage, loadMore, pollAnswers]);
 
   useEffect(() => {
     const castedListeners = ['poll.vote_casted', 'poll.vote_changed'].map((eventName) =>
       client.on(eventName, (event) => {
-        if (event.poll?.id && event.poll.id !== poll.id) return;
+        if (event.poll?.id && event.poll.id !== poll.id) {
+          return;
+        }
         const vote = event.poll_vote;
         if (vote && isVoteAnswer(vote)) {
           setPollAnswers([vote, ...pollAnswers.filter((answer) => answer.id !== vote.id)]);
@@ -85,7 +91,9 @@ export const usePollAnswersPagination = ({
     );
 
     const removedListener = client.on('poll.vote_removed', (event) => {
-      if (event.poll?.id && event.poll.id !== poll.id) return;
+      if (event.poll?.id && event.poll.id !== poll.id) {
+        return;
+      }
       const vote = event.poll_vote;
       if (vote && isVoteAnswer(vote)) {
         setPollAnswers(pollAnswers.filter((item) => item.id !== vote.id));

package/src/components/Poll/hooks/usePollOptionVotesPagination.ts

@@ -53,7 +53,9 @@ export const usePollOptionVotesPagination = ({
   const optionFilter = useMemo(() => ({ option_id: option.id }), [option.id]);
 
   const loadMore = useCallback(async () => {
-    if (cursorRef.current === null || queryInProgress.current) return;
+    if (cursorRef.current === null || queryInProgress.current) {
+      return;
+    }
     const next = cursorRef.current;
 
     setLoading(true);
@@ -74,7 +76,9 @@ export const usePollOptionVotesPagination = ({
   }, [optionFilter, paginationParams, poll]);
 
   useEffect(() => {
-    if (!loadFirstPage || votes.length) return;
+    if (!loadFirstPage || votes.length) {
+      return;
+    }
     loadMore();
   }, [loadFirstPage, loadMore, votes]);
 
@@ -82,7 +86,9 @@ export const usePollOptionVotesPagination = ({
   useEffect(() => {
     const castedListeners = ['poll.vote_casted', 'poll.vote_changed'].map((eventName) =>
       client.on(eventName, (event) => {
-        if (event.poll?.id && event.poll.id !== poll.id) return;
+        if (event.poll?.id && event.poll.id !== poll.id) {
+          return;
+        }
         const vote = event.poll_vote;
         if (vote && !isVoteAnswer(vote)) {
           if (vote.option_id === option.id) {
@@ -95,7 +101,9 @@ export const usePollOptionVotesPagination = ({
     );
 
     const removedListener = client.on('poll.vote_removed', (event) => {
-      if (event.poll?.id && event.poll.id !== poll.id) return;
+      if (event.poll?.id && event.poll.id !== poll.id) {
+        return;
+      }
       const vote = event.poll_vote;
       if (vote && !isVoteAnswer(vote) && vote.option_id === option.id) {
         setVotes(votes.filter((v) => v.id !== vote.id));

package/src/components/ProgressControl/ProgressControl.tsx

@@ -90,19 +90,29 @@ export const ProgressControl = (props: ProgressControlProps) => {
     .onStart((event) => {
       const currentProgress = (progressValue.value + event.x) / widthInNumbers;
       progressValue.value = Math.max(0, Math.min(currentProgress, 1));
-      if (onStartDrag) runOnJS(onStartDrag)(progressValue.value);
-      if (onPlayPause) runOnJS(onPlayPause)(true);
+      if (onStartDrag) {
+        runOnJS(onStartDrag)(progressValue.value);
+      }
+      if (onPlayPause) {
+        runOnJS(onPlayPause)(true);
+      }
     })
     .onUpdate((event) => {
       const currentProgress = (progressValue.value + event.x) / widthInNumbers;
       progressValue.value = Math.max(0, Math.min(currentProgress, 1));
-      if (onProgressDrag) runOnJS(onProgressDrag)(progressValue.value);
+      if (onProgressDrag) {
+        runOnJS(onProgressDrag)(progressValue.value);
+      }
     })
     .onEnd((event) => {
       const currentProgress = (progressValue.value + event.x) / widthInNumbers;
       progressValue.value = Math.max(0, Math.min(currentProgress, 1));
-      if (onEndDrag) runOnJS(onEndDrag)(progressValue.value);
-      if (onPlayPause) runOnJS(onPlayPause)(false);
+      if (onEndDrag) {
+        runOnJS(onEndDrag)(progressValue.value);
+      }
+      if (onPlayPause) {
+        runOnJS(onPlayPause)(false);
+      }
     })
     .withTestId(testID);
 

package/src/components/ProgressControl/WaveProgressBar.tsx

@@ -114,19 +114,29 @@ export const WaveProgressBar = React.memo(
       .onStart((event) => {
         const currentProgress = (state.value + event.x) / fullWidth;
         state.value = Math.max(0, Math.min(currentProgress, 1));
-        if (onStartDrag) runOnJS(onStartDrag)(state.value);
-        if (onPlayPause) runOnJS(onPlayPause)(true);
+        if (onStartDrag) {
+          runOnJS(onStartDrag)(state.value);
+        }
+        if (onPlayPause) {
+          runOnJS(onPlayPause)(true);
+        }
       })
       .onUpdate((event) => {
         const currentProgress = (state.value + event.x) / fullWidth;
         state.value = Math.max(0, Math.min(currentProgress, 1));
-        if (onProgressDrag) runOnJS(onProgressDrag)(state.value);
+        if (onProgressDrag) {
+          runOnJS(onProgressDrag)(state.value);
+        }
       })
       .onEnd((event) => {
         const currentProgress = (state.value + event.x) / fullWidth;
         state.value = Math.max(0, Math.min(currentProgress, 1));
-        if (onEndDrag) runOnJS(onEndDrag)(state.value);
-        if (onPlayPause) runOnJS(onPlayPause)(false);
+        if (onEndDrag) {
+          runOnJS(onEndDrag)(state.value);
+        }
+        if (onPlayPause) {
+          runOnJS(onPlayPause)(false);
+        }
       });
 
     const stringifiedWaveformData = waveformData.toString();
@@ -175,9 +185,14 @@ export const WaveProgressBar = React.memo(
     );
   },
   (prevProps, nextProps) => {
-    if (prevProps.amplitudesCount !== nextProps.amplitudesCount) return false;
-    if (prevProps.progress !== nextProps.progress) return false;
-    else return true;
+    if (prevProps.amplitudesCount !== nextProps.amplitudesCount) {
+      return false;
+    }
+    if (prevProps.progress !== nextProps.progress) {
+      return false;
+    } else {
+      return true;
+    }
   },
 );
 

package/src/components/Reply/Reply.tsx

@@ -135,10 +135,16 @@ const getMessageType = <
   } else if (isLastAttachmentVoiceRecording) {
     messageType = FileTypes.VoiceRecording;
   } else if (isLastAttachmentImageOrGiphy) {
-    if (isLastAttachmentImage) messageType = FileTypes.Image;
-    else messageType = undefined;
-  } else if (isLastAttachmentGiphy) messageType = FileTypes.Giphy;
-  else messageType = 'other';
+    if (isLastAttachmentImage) {
+      messageType = FileTypes.Image;
+    } else {
+      messageType = undefined;
+    }
+  } else if (isLastAttachmentGiphy) {
+    messageType = FileTypes.Giphy;
+  } else {
+    messageType = 'other';
+  }
 
   return messageType;
 };
@@ -189,11 +195,15 @@ const ReplyWithContext = <
   const messageText = quotedMessage ? quotedMessage.text : '';
 
   const emojiOnlyText = useMemo(() => {
-    if (!messageText) return false;
+    if (!messageText) {
+      return false;
+    }
     return hasOnlyEmojis(messageText);
   }, [messageText]);
 
-  if (!quotedMessage) return null;
+  if (!quotedMessage) {
+    return null;
+  }
 
   const lastAttachment = quotedMessage.attachments?.slice(-1)[0] as Attachment<StreamChatGenerics>;
   const messageType = lastAttachment && getMessageType(lastAttachment);
@@ -283,20 +293,20 @@ const ReplyWithContext = <
                 quotedMessage.type === 'deleted'
                   ? `_${t('Message deleted')}_`
                   : pollName
-                  ? `📊 ${pollName}`
-                  : quotedMessage.text
-                  ? quotedMessage.text.length > 170
-                    ? `${quotedMessage.text.slice(0, 170)}...`
+                    ? `📊 ${pollName}`
                     : quotedMessage.text
-                  : messageType === FileTypes.Image
-                  ? t('Photo')
-                  : messageType === FileTypes.Video
-                  ? t('Video')
-                  : messageType === FileTypes.File ||
-                    messageType === FileTypes.Audio ||
-                    messageType === FileTypes.VoiceRecording
-                  ? trimmedLastAttachmentTitle || ''
-                  : '',
+                      ? quotedMessage.text.length > 170
+                        ? `${quotedMessage.text.slice(0, 170)}...`
+                        : quotedMessage.text
+                      : messageType === FileTypes.Image
+                        ? t('Photo')
+                        : messageType === FileTypes.Video
+                          ? t('Video')
+                          : messageType === FileTypes.File ||
+                              messageType === FileTypes.Audio ||
+                              messageType === FileTypes.VoiceRecording
+                            ? trimmedLastAttachmentTitle || ''
+                            : '',
             }}
             onlyEmojis={onlyEmojis}
             styles={{
@@ -315,15 +325,15 @@ const ReplyWithContext = <
                             styles.imageAttachment.marginLeft,
                         )
                       : messageType === FileTypes.File ||
-                        messageType === FileTypes.Audio ||
-                        messageType === FileTypes.VoiceRecording
-                      ? attachmentSize +
-                        Number(
-                          stylesProp.fileAttachmentContainer?.paddingLeft ||
-                            fileAttachmentContainer.paddingLeft ||
-                            styles.fileAttachmentContainer.paddingLeft,
-                        )
-                      : undefined,
+                          messageType === FileTypes.Audio ||
+                          messageType === FileTypes.VoiceRecording
+                        ? attachmentSize +
+                          Number(
+                            stylesProp.fileAttachmentContainer?.paddingLeft ||
+                              fileAttachmentContainer.paddingLeft ||
+                              styles.fileAttachmentContainer.paddingLeft,
+                          )
+                        : undefined,
                 },
                 styles.textContainer,
                 textContainer,
@@ -377,7 +387,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
         prevQuotedMessage.type === nextQuotedMessage.type
       : !!prevQuotedMessage === !!nextQuotedMessage;
 
-  if (!quotedMessageEqual) return false;
+  if (!quotedMessageEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Thread/Thread.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { useCallback, useEffect } from 'react';
 
 import { ThreadFooterComponent } from './components/ThreadFooterComponent';
 
@@ -104,14 +104,19 @@ const ThreadWithContext = <
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  if (!thread) return null;
+  const MemoizedThreadFooterComponent = useCallback(
+    () => <ThreadFooterComponent parentMessagePreventPress={parentMessagePreventPress} />,
+    [parentMessagePreventPress],
+  );
+
+  if (!thread) {
+    return null;
+  }
 
   return (
     <React.Fragment key={`thread-${thread.id}`}>
       <MessageList
-        FooterComponent={() => (
-          <ThreadFooterComponent parentMessagePreventPress={parentMessagePreventPress} />
-        )}
+        FooterComponent={MemoizedThreadFooterComponent}
         threadList
         {...additionalMessageListProps}
       />

package/src/components/Thread/components/ThreadFooterComponent.tsx

@@ -87,7 +87,9 @@ const ThreadFooterComponentWithContext = <
     },
   } = useTheme();
 
-  if (!thread) return null;
+  if (!thread) {
+    return null;
+  }
 
   const replyCount = thread.reply_count;
 
@@ -148,13 +150,17 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const { parentMessagePreventPress: nextParentMessagePreventPress, thread: nextThread } =
     nextProps;
 
-  if (prevParentMessagePreventPress !== nextParentMessagePreventPress) return false;
+  if (prevParentMessagePreventPress !== nextParentMessagePreventPress) {
+    return false;
+  }
 
   const threadEqual =
     prevThread?.id === nextThread?.id &&
     prevThread?.text === nextThread?.text &&
     prevThread?.reply_count === nextThread?.reply_count;
-  if (!threadEqual) return false;
+  if (!threadEqual) {
+    return false;
+  }
 
   const latestReactionsEqual =
     prevThread &&
@@ -166,7 +172,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
           ({ type }, index) => type === nextThread.latest_reactions?.[index].type,
         )
       : prevThread?.latest_reactions === nextThread?.latest_reactions;
-  if (!latestReactionsEqual) return false;
+  if (!latestReactionsEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/ThreadList/ThreadList.tsx

@@ -22,7 +22,7 @@ const selector = (nextValue: ThreadManagerState) =>
     isLoading: nextValue.pagination.isLoading,
     isLoadingNext: nextValue.pagination.isLoadingNext,
     threads: nextValue.threads,
-  } as const);
+  }) as const;
 
 export type ThreadListProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -88,7 +88,9 @@ export const ThreadList = (props: ThreadListProps) => {
   const { client } = useChatContext();
 
   useEffect(() => {
-    if (!client) return;
+    if (!client) {
+      return;
+    }
     if (isFocused) {
       client.threads.activate();
     } else {
@@ -97,7 +99,9 @@ export const ThreadList = (props: ThreadListProps) => {
   }, [client, isFocused]);
 
   useEffect(() => {
-    if (!client) return;
+    if (!client) {
+      return;
+    }
 
     const listener = client.on('connection.recovered', () => {
       client.threads.reload({ force: true });

package/src/components/ThreadList/ThreadListItem.tsx

@@ -90,14 +90,17 @@ const getTitleFromMessage = ({
   const messageBelongsToCurrentUserPrefix =
     message?.user?.id === currentUserId ? `${t('You')}: ` : '';
 
-  if (message?.deleted_at && message.parent_id)
+  if (message?.deleted_at && message.parent_id) {
     return `${messageBelongsToCurrentUserPrefix}${t('This reply was deleted')}.`;
+  }
 
-  if (message?.deleted_at && !message.parent_id)
+  if (message?.deleted_at && !message.parent_id) {
     return `${messageBelongsToCurrentUserPrefix}${t('The source message was deleted')}.`;
+  }
 
-  if (attachment?.type === 'voiceRecording')
+  if (attachment?.type === 'voiceRecording') {
     return `${attachmentIcon}${messageBelongsToCurrentUserPrefix}${t('Voice message')}.`;
+  }
 
   return `${attachmentIcon}${messageBelongsToCurrentUserPrefix}${
     message?.text || attachment?.fallback || 'N/A'
@@ -218,7 +221,7 @@ export const ThreadListItem = (props: ThreadListItemProps) => {
         ownUnreadMessageCount:
           (client.userID && nextValue.read[client.userID]?.unreadMessageCount) || 0,
         parentMessage: nextValue.parentMessage,
-      } as const),
+      }) as const,
     [client],
   );
 

package/src/components/ThreadList/ThreadListUnreadBanner.tsx

@@ -20,7 +20,7 @@ const styles = StyleSheet.create({
 });
 
 const selector = (nextValue: ThreadManagerState) =>
-  ({ unseenThreadIds: nextValue.unseenThreadIds } as const);
+  ({ unseenThreadIds: nextValue.unseenThreadIds }) as const;
 
 export const ThreadListUnreadBanner = () => {
   const { client } = useChatContext();

package/src/contexts/__tests__/index.test.tsx

@@ -21,7 +21,7 @@ import {
 import { useChannelsStateContext } from '../channelsStateContext/ChannelsStateContext';
 
 jest.mock('../utils/isTestEnvironment', () => ({ isTestEnvironment: jest.fn(() => false) }));
-console.error = jest.fn();
+jest.spyOn(console, 'error').mockImplementation();
 describe('contexts hooks in a component throws an error with message when not wrapped in a provider', () => {
   const TestComponent = ({ useContextHook }: { useContextHook(): void }) => {
     useContextHook();
@@ -39,11 +39,11 @@ describe('contexts hooks in a component throws an error with message when not wr
     ],
     [
       useChannelsStateContext,
-      `The useChannelsStateContext hook was called outside the ChannelStateContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,
+      'The useChannelsStateContext hook was called outside the ChannelStateContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider',
     ],
     [
       useOwnCapabilitiesContext,
-      `The useOwnCapabilitiesContext hook was called outside the Channel Component. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,
+      'The useOwnCapabilitiesContext hook was called outside the Channel Component. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel',
     ],
     [
       useSuggestionsContext,
@@ -51,39 +51,39 @@ describe('contexts hooks in a component throws an error with message when not wr
     ],
     [
       useTypingContext,
-      `The useTypingContext hook was called outside of the TypingContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,
+      'The useTypingContext hook was called outside of the TypingContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel',
     ],
     [
       useTheme,
-      `The useThemeContext hook was called outside the ThemeContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,
+      'The useThemeContext hook was called outside the ThemeContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider',
     ],
     [
       useChannelContext,
-      `The useChannelContext hook was called outside of the ChannelContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,
+      'The useChannelContext hook was called outside of the ChannelContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel',
     ],
     [
       useChannelsContext,
-      `The useChannelsContext hook was called outside of the ChannelsContext provider. Make sure you have configured ChannelList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel-list`,
+      'The useChannelsContext hook was called outside of the ChannelsContext provider. Make sure you have configured ChannelList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel-list',
     ],
     [
       useChatContext,
-      `The useChatContext hook was called outside the ChatContext Provider. Make sure you have configured Chat component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#chat`,
+      'The useChatContext hook was called outside the ChatContext Provider. Make sure you have configured Chat component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#chat',
     ],
     [
       useImageGalleryContext,
-      `The useImageGalleryContext hook was called outside the ImageGalleryContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,
+      'The useImageGalleryContext hook was called outside the ImageGalleryContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider',
     ],
     [
       useMessagesContext,
-      `The useMessagesContext hook was called outside of the MessagesContext provider. Make sure you have configured MessageList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#message-list`,
+      'The useMessagesContext hook was called outside of the MessagesContext provider. Make sure you have configured MessageList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#message-list',
     ],
     [
       useThreadContext,
-      `The useThreadContext hook was called outside of the ThreadContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,
+      'The useThreadContext hook was called outside of the ThreadContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel',
     ],
     [
       useAttachmentPickerContext,
-      `The useAttachmentPickerContext hook was called outside the AttachmentPickerContext provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,
+      'The useAttachmentPickerContext hook was called outside the AttachmentPickerContext provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider',
     ],
   ])('calls %p results in error %p', (useContextHook, expectedErrorMessage) => {
     expect(() => render(<TestComponent useContextHook={useContextHook} />)).toThrow(

package/src/contexts/attachmentPickerContext/AttachmentPickerContext.tsx

@@ -169,7 +169,7 @@ export const useAttachmentPickerContext = () => {
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      `The useAttachmentPickerContext hook was called outside the AttachmentPickerContext provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,
+      'The useAttachmentPickerContext hook was called outside the AttachmentPickerContext provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider',
     );
   }
 

package/src/contexts/channelContext/ChannelContext.tsx

@@ -223,7 +223,7 @@ export const useChannelContext = <
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      `The useChannelContext hook was called outside of the ChannelContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,
+      'The useChannelContext hook was called outside of the ChannelContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel',
     );
   }
 

package/src/contexts/channelsContext/ChannelsContext.tsx

@@ -237,7 +237,7 @@ export const useChannelsContext = <
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      `The useChannelsContext hook was called outside of the ChannelsContext provider. Make sure you have configured ChannelList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel-list`,
+      'The useChannelsContext hook was called outside of the ChannelsContext provider. Make sure you have configured ChannelList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel-list',
     );
   }
 

package/src/contexts/channelsStateContext/ChannelsStateContext.tsx

@@ -125,7 +125,7 @@ export const useChannelsStateContext = <
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      `The useChannelsStateContext hook was called outside the ChannelStateContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,
+      'The useChannelsStateContext hook was called outside the ChannelStateContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider',
     );
   }
 

package/src/contexts/chatContext/ChatContext.tsx

@@ -89,7 +89,7 @@ export const useChatContext = <
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      `The useChatContext hook was called outside the ChatContext Provider. Make sure you have configured Chat component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#chat`,
+      'The useChatContext hook was called outside the ChatContext Provider. Make sure you have configured Chat component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#chat',
     );
   }
 

package/src/contexts/imageGalleryContext/ImageGalleryContext.tsx

@@ -57,7 +57,7 @@ export const useImageGalleryContext = <
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      `The useImageGalleryContext hook was called outside the ImageGalleryContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,
+      'The useImageGalleryContext hook was called outside the ImageGalleryContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider',
     );
   }
 

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -627,7 +627,9 @@ export const MessageInputProvider = <
     }
 
     const imagesAndFiles = [...imageUploads, ...fileUploads];
-    if (imagesAndFiles.length === 0) return false;
+    if (imagesAndFiles.length === 0) {
+      return false;
+    }
 
     if (enableOfflineSupport) {
       // Allow only if none of the attachments have unsupported status
@@ -1510,7 +1512,7 @@ export const useMessageInputContext = <
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      `The useMessageInputContext hook was called outside of the MessageInputContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,
+      'The useMessageInputContext hook was called outside of the MessageInputContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel',
     );
   }
 

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -636,7 +636,7 @@ export const useMessagesContext = <
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      `The useMessagesContext hook was called outside of the MessagesContext provider. Make sure you have configured MessageList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#message-list`,
+      'The useMessagesContext hook was called outside of the MessagesContext provider. Make sure you have configured MessageList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#message-list',
     );
   }