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

package/src/components/Message/MessageSimple/MessageSimple.tsx

@@ -418,22 +418,32 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const repliesEqual = prevMessage.reply_count === nextMessage.reply_count;
-  if (!repliesEqual) return false;
+  if (!repliesEqual) {
+    return false;
+  }
 
   const hasReactionsEqual = prevHasReactions === nextHasReactions;
-  if (!hasReactionsEqual) return false;
+  if (!hasReactionsEqual) {
+    return false;
+  }
 
   const groupStylesEqual = JSON.stringify(prevGroupStyles) === JSON.stringify(nextGroupStyles);
-  if (!groupStylesEqual) return false;
+  if (!groupStylesEqual) {
+    return false;
+  }
 
   const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';
   const isNextMessageTypeDeleted = nextMessage.type === 'deleted';
 
   const lastGroupMessageEqual = prevLastGroupMessage === nextLastGroupMessage;
-  if (!lastGroupMessageEqual) return false;
+  if (!lastGroupMessageEqual) {
+    return false;
+  }
 
   const membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;
-  if (!membersEqual) return false;
+  if (!membersEqual) {
+    return false;
+  }
 
   const messageEqual =
     isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&
@@ -443,7 +453,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.text === nextMessage.text &&
     prevMessage.i18n === nextMessage.i18n &&
     prevMessage.pinned === nextMessage.pinned;
-  if (!messageEqual) return false;
+  if (!messageEqual) {
+    return false;
+  }
 
   const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';
   const isNextQuotedMessageTypeDeleted = nextMessage.quoted_message?.type === 'deleted';
@@ -452,10 +464,14 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&
     isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;
 
-  if (!quotedMessageEqual) return false;
+  if (!quotedMessageEqual) {
+    return false;
+  }
 
   const channelEqual = prevChannel?.state.messages.length === nextChannel?.state.messages.length;
-  if (!channelEqual) return false;
+  if (!channelEqual) {
+    return false;
+  }
 
   const prevMessageAttachments = prevMessage.attachments;
   const nextMessageAttachments = nextMessage.attachments;
@@ -472,7 +488,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
           return attachmentKeysEqual;
         })
       : prevMessageAttachments === nextMessageAttachments;
-  if (!attachmentsEqual) return false;
+  if (!attachmentsEqual) {
+    return false;
+  }
 
   const latestReactionsEqual =
     Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions)
@@ -481,19 +499,27 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
           ({ type }, index) => type === nextMessage.latest_reactions?.[index].type,
         )
       : prevMessage.latest_reactions === nextMessage.latest_reactions;
-  if (!latestReactionsEqual) return false;
+  if (!latestReactionsEqual) {
+    return false;
+  }
 
   const messageThemeEqual =
     JSON.stringify(prevMyMessageTheme) === JSON.stringify(nextMyMessageTheme);
-  if (!messageThemeEqual) return false;
+  if (!messageThemeEqual) {
+    return false;
+  }
 
   const onlyEmojisEqual = prevOnlyEmojis === nextOnlyEmojis;
-  if (!onlyEmojisEqual) return false;
+  if (!onlyEmojisEqual) {
+    return false;
+  }
 
   const otherAttachmentsEqual =
     prevOtherAttachments.length === nextOtherAttachments.length &&
     prevOtherAttachments?.[0]?.actions?.length === nextOtherAttachments?.[0]?.actions?.length;
-  if (!otherAttachmentsEqual) return false;
+  if (!otherAttachmentsEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Message/MessageSimple/MessageStatus.tsx

@@ -42,7 +42,9 @@ const MessageStatusWithContext = <
     );
   }
 
-  if (threadList || message.status === MessageStatusTypes.FAILED) return null;
+  if (threadList || message.status === MessageStatusTypes.FAILED) {
+    return null;
+  }
 
   if (isMessageWithStylesReadByAndDateSeparator(message)) {
     return (
@@ -85,14 +87,18 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const { message: nextMessage, threadList: nextThreadList } = nextProps;
 
   const threadListEqual = prevThreadList === nextThreadList;
-  if (!threadListEqual) return false;
+  if (!threadListEqual) {
+    return false;
+  }
 
   const messageEqual =
     prevMessage.status === nextMessage.status &&
     prevMessage.type === nextMessage.type &&
     (isMessageWithStylesReadByAndDateSeparator(prevMessage) && prevMessage.readBy) ===
       (isMessageWithStylesReadByAndDateSeparator(nextMessage) && nextMessage.readBy);
-  if (!messageEqual) return false;
+  if (!messageEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Message/MessageSimple/MessageTextContainer.tsx

@@ -25,7 +25,7 @@ const styles = StyleSheet.create({
 export type MessageTextProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = MessageTextContainerProps<StreamChatGenerics> & {
-  renderText: (params: RenderTextParams<StreamChatGenerics>) => JSX.Element | null;
+  renderText: (params: RenderTextParams<StreamChatGenerics>) => React.ReactNode | null;
   theme: { theme: Theme };
 };
 
@@ -83,7 +83,9 @@ const MessageTextContainerWithContext = <
     message,
   ) as MessageType<StreamChatGenerics>;
 
-  if (!message.text) return null;
+  if (!message.text) {
+    return null;
+  }
 
   const markdownStyles = { ...markdown, ...markdownStylesProp };
 
@@ -133,14 +135,20 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const messageStatusEqual = prevMessage.status === nextMessage.status;
-  if (!messageStatusEqual) return false;
+  if (!messageStatusEqual) {
+    return false;
+  }
 
   const messageTextEqual =
     prevMessage.text === nextMessage.text && prevMessage.i18n === nextMessage.i18n;
-  if (!messageTextEqual) return false;
+  if (!messageTextEqual) {
+    return false;
+  }
 
   const onlyEmojisEqual = prevOnlyEmojis === nextOnlyEmojis;
-  if (!onlyEmojisEqual) return false;
+  if (!onlyEmojisEqual) {
+    return false;
+  }
 
   const mentionedUsersEqual =
     prevMessage.mentioned_users?.length === nextMessage.mentioned_users?.length &&
@@ -148,7 +156,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
       (prevMessage.mentioned_users?.length &&
         nextMessage.mentioned_users?.length &&
         prevMessage.mentioned_users[0].name === nextMessage.mentioned_users[0].name));
-  if (!mentionedUsersEqual) return false;
+  if (!mentionedUsersEqual) {
+    return false;
+  }
 
   // stringify could be an expensive operation, so lets rule out the obvious
   // possibilities first such as different object reference or empty objects etc.
@@ -160,11 +170,15 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     (Object.keys(prevMarkdownStyles || {}).length === 0 &&
       Object.keys(nextMarkdownStyles || {}).length === 0) ||
     JSON.stringify(prevMarkdownStyles) === JSON.stringify(nextMarkdownStyles);
-  if (!markdownStylesEqual) return false;
+  if (!markdownStylesEqual) {
+    return false;
+  }
 
   const messageThemeEqual =
     JSON.stringify(prevMyMessageTheme) === JSON.stringify(nextMyMessageTheme);
-  if (!messageThemeEqual) return false;
+  if (!messageThemeEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Message/MessageSimple/MessageTimestamp.tsx

@@ -59,7 +59,9 @@ export const MessageTimestamp = (props: MessageTimestampProps) => {
     );
   }
 
-  if (!dateString) return null;
+  if (!dateString) {
+    return null;
+  }
 
   return <Text style={[styles.text, { color: grey }, timestampText]}>{dateString.toString()}</Text>;
 };

package/src/components/Message/MessageSimple/__tests__/MessageContent.test.js

@@ -220,7 +220,7 @@ describe('MessageContent', () => {
     const MessageContentWithMockedMessageContentWidth = (props) => {
       useEffect(() => {
         props.setMessageContentWidth(100);
-      }, []);
+      }, [props]);
       return <MessageContent {...props} />;
     };
 

package/src/components/Message/MessageSimple/utils/generateMarkdownText.ts

@@ -5,7 +5,9 @@ import { parseLinksFromText } from './parseLinks';
 import { escapeRegExp } from '../../../../utils/utils';
 
 export const generateMarkdownText = (text?: string) => {
-  if (!text) return null;
+  if (!text) {
+    return null;
+  }
 
   // Trim the extra spaces from the text.
   let resultText = text.trim();
@@ -35,13 +37,17 @@ export const generateMarkdownText = (text?: string) => {
 
   // Escape the " and ' characters, except in code blocks where we deem this allowed.
   resultText = resultText.replace(/(```[\s\S]*?```|`.*?`)|[<"']/g, (match, code) => {
-    if (code) return code;
+    if (code) {
+      return code;
+    }
     return `\\${match}`;
   });
 
   // Remove whitespaces that come directly after newlines except in code blocks where we deem this allowed.
   resultText = resultText.replace(/(```[\s\S]*?```|`.*?`)|\n[ ]{2,}/g, (_, code) => {
-    if (code) return code;
+    if (code) {
+      return code;
+    }
     return '\n';
   });
 

package/src/components/Message/MessageSimple/utils/renderText.tsx

@@ -550,7 +550,7 @@ const transpose = (matrix: SingleASTNode[][]) =>
 
 const MarkdownTable = ({ node, output, state, styles }: MarkdownTableProps) => {
   const content = useMemo(() => {
-    const nodeContent = [node?.header, ...node?.cells];
+    const nodeContent = [node?.header, ...(node?.cells ?? null)];
     return transpose(nodeContent);
   }, [node?.cells, node?.header]);
   const columns = content?.map((column, idx) => (

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

@@ -48,12 +48,16 @@ export const useMessageActionHandlers = <
   );
 
   const handleCopyMessage = () => {
-    if (!message.text) return;
+    if (!message.text) {
+      return;
+    }
     setClipboardString(message.text);
   };
 
   const handleDeleteMessage = () => {
-    if (!message.id) return;
+    if (!message.id) {
+      return;
+    }
     Alert.alert(
       t('Delete Message'),
       t('Are you sure you want to permanently delete this message?'),
@@ -110,7 +114,9 @@ export const useMessageActionHandlers = <
   };
 
   const handleFlagMessage = () => {
-    if (!message.id) return;
+    if (!message.id) {
+      return;
+    }
     Alert.alert(
       t('Flag Message'),
       t('Do you want to send a copy of this message to a moderator for further investigation?'),
@@ -139,7 +145,9 @@ export const useMessageActionHandlers = <
   };
 
   const handleMarkUnreadMessage = async () => {
-    if (!message.id) return;
+    if (!message.id) {
+      return;
+    }
     try {
       await channel.markUnread({ message_id: message.id });
     } catch (error) {
@@ -162,7 +170,7 @@ export const useMessageActionHandlers = <
         return true;
       } else if (reaction.user && client.userID !== reaction.user.id) {
         console.warn(
-          `message.own_reactions contained reactions from a different user, this indicates a bug`,
+          'message.own_reactions contained reactions from a different user, this indicates a bug',
         );
       }
       return false;

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

@@ -103,11 +103,14 @@ export const useProcessReactions = <
   } = props;
 
   return useMemo(() => {
-    if (!reaction_groups)
+    if (!reaction_groups) {
       return { existingReactions: [], hasReactions: false, totalReactionCount: 0 };
+    }
     const unsortedReactions = Object.entries(reaction_groups).flatMap(
       ([reactionType, { count, first_reaction_at, last_reaction_at }]) => {
-        if (count === 0 || !isSupportedReaction(reactionType, supportedReactions)) return [];
+        if (count === 0 || !isSupportedReaction(reactionType, supportedReactions)) {
+          return [];
+        }
 
         const latestReactedUserNames = getLatestReactedUserNames(reactionType, latest_reactions);
 

package/src/components/MessageInput/AttachButton.tsx

@@ -102,10 +102,14 @@ const areEqual = (
   const { handleOnPress: nextHandleOnPress, selectedPicker: nextSelectedPicker } = nextProps;
 
   const handleOnPressEqual = prevHandleOnPress === nextHandleOnPress;
-  if (!handleOnPressEqual) return false;
+  if (!handleOnPressEqual) {
+    return false;
+  }
 
   const selectedPickerEqual = prevSelectedPicker === nextSelectedPicker;
-  if (!selectedPickerEqual) return false;
+  if (!selectedPickerEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageInput/CommandsButton.tsx

@@ -55,7 +55,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const { suggestions: nextSuggestions } = nextProps;
 
   const suggestionsEqual = !!prevSuggestions === !!nextSuggestions;
-  if (!suggestionsEqual) return false;
+  if (!suggestionsEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageInput/ImageUploadPreview.tsx

@@ -87,6 +87,33 @@ export type ImageUploadPreviewProps<
 
 type ImageUploadPreviewItem = { index: number; item: ImageUpload };
 
+export const UnsupportedImageTypeIndicator = ({
+  indicatorType,
+}: {
+  indicatorType: (typeof ProgressIndicatorTypes)[keyof typeof ProgressIndicatorTypes] | null;
+}) => {
+  const {
+    theme: {
+      colors: { accent_red, overlay, white },
+    },
+  } = useTheme();
+
+  const { t } = useTranslationContext();
+  return indicatorType === ProgressIndicatorTypes.NOT_SUPPORTED ? (
+    <View style={[styles.unsupportedImage, { backgroundColor: overlay }]}>
+      <View style={[styles.iconContainer]}>
+        <Warning
+          height={WARNING_ICON_SIZE}
+          pathFill={accent_red}
+          style={styles.warningIconStyle}
+          width={WARNING_ICON_SIZE}
+        />
+        <Text style={[styles.warningText, { color: white }]}>{t<string>('Not supported')}</Text>
+      </View>
+    </View>
+  ) : null;
+};
+
 const ImageUploadPreviewWithContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
@@ -102,33 +129,6 @@ const ImageUploadPreviewWithContext = <
     },
   } = useTheme();
 
-  const UnsupportedImageTypeIndicator = ({
-    indicatorType,
-  }: {
-    indicatorType: (typeof ProgressIndicatorTypes)[keyof typeof ProgressIndicatorTypes] | null;
-  }) => {
-    const {
-      theme: {
-        colors: { accent_red, overlay, white },
-      },
-    } = useTheme();
-
-    const { t } = useTranslationContext();
-    return indicatorType === ProgressIndicatorTypes.NOT_SUPPORTED ? (
-      <View style={[styles.unsupportedImage, { backgroundColor: overlay }]}>
-        <View style={[styles.iconContainer]}>
-          <Warning
-            height={WARNING_ICON_SIZE}
-            pathFill={accent_red}
-            style={styles.warningIconStyle}
-            width={WARNING_ICON_SIZE}
-          />
-          <Text style={[styles.warningText, { color: white }]}>{t<string>('Not supported')}</Text>
-        </View>
-      </View>
-    ) : null;
-  };
-
   const renderItem = ({ index, item }: ImageUploadPreviewItem) => {
     const indicatorType = getIndicatorTypeForFileState(item.state, enableOfflineSupport);
     const itemMarginForIndex = index === imageUploads.length - 1 ? { marginRight: 8 } : {};

package/src/components/MessageInput/MessageInput.tsx

@@ -359,7 +359,9 @@ const MessageInputWithContext = <
       return !uploadedImage;
     });
 
-    if (imageToUpload) uploadNewImage(imageToUpload);
+    if (imageToUpload) {
+      uploadNewImage(imageToUpload);
+    }
   };
 
   const removeImagesHandler = () => {
@@ -381,7 +383,9 @@ const MessageInputWithContext = <
       );
       return !uploadedFile;
     });
-    if (fileToUpload) await uploadNewFile(fileToUpload);
+    if (fileToUpload) {
+      await uploadNewFile(fileToUpload);
+    }
   };
 
   const removeFilesHandler = () => {
@@ -411,7 +415,9 @@ const MessageInputWithContext = <
       }
     };
     // If image picker is not available, don't do anything
-    if (!isImageMediaLibraryAvailable()) return;
+    if (!isImageMediaLibraryAvailable()) {
+      return;
+    }
     uploadOrRemoveImage();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selectedImagesLength]);
@@ -595,14 +601,18 @@ const MessageInputWithContext = <
         if (additionalTextInputProps?.onBlur) {
           additionalTextInputProps?.onBlur(event);
         }
-        if (setFocused) setFocused(false);
+        if (setFocused) {
+          setFocused(false);
+        }
         setShowMoreOptions(true);
       },
       onFocus: (event: NativeSyntheticEvent<TextInputFocusEventData>) => {
         if (additionalTextInputProps?.onFocus) {
           additionalTextInputProps.onFocus(event);
         }
-        if (setFocused) setFocused(true);
+        if (setFocused) {
+          setFocused(true);
+        }
       },
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -637,7 +647,9 @@ const MessageInputWithContext = <
       }
 
       const imagesAndFiles = [...imageUploads, ...fileUploads];
-      if (imagesAndFiles.length === 0) return false;
+      if (imagesAndFiles.length === 0) {
+        return false;
+      }
     }
 
     return true;
@@ -990,41 +1002,61 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const tEqual = prevT === nextT;
-  if (!tEqual) return false;
+  if (!tEqual) {
+    return false;
+  }
 
   const pollCreationInputPropsEqual =
     prevOpenPollCreationDialog === nextOpenPollCreationDialog &&
     prevClosePollCreationDialog === nextClosePollCreationDialog &&
     prevShowPollCreationDialog === nextShowPollCreationDialog;
-  if (!pollCreationInputPropsEqual) return false;
+  if (!pollCreationInputPropsEqual) {
+    return false;
+  }
 
   const additionalTextInputPropsEven =
     prevAdditionalTextInputProps === nextAdditionalTextInputProps;
-  if (!additionalTextInputPropsEven) return false;
+  if (!additionalTextInputPropsEven) {
+    return false;
+  }
 
   const asyncMessagesEnabledEqual = prevAsyncMessagesEnabled === nextAsyncMessagesEnabled;
-  if (!asyncMessagesEnabledEqual) return false;
+  if (!asyncMessagesEnabledEqual) {
+    return false;
+  }
 
   const asyncMessagesLockDistanceEqual =
     prevAsyncMessagesLockDistance === nextAsyncMessagesLockDistance;
-  if (!asyncMessagesLockDistanceEqual) return false;
+  if (!asyncMessagesLockDistanceEqual) {
+    return false;
+  }
 
   const asyncMessagesMinimumPressDurationEqual =
     prevAsyncMessagesMinimumPressDuration === nextAsyncMessagesMinimumPressDuration;
-  if (!asyncMessagesMinimumPressDurationEqual) return false;
+  if (!asyncMessagesMinimumPressDurationEqual) {
+    return false;
+  }
 
   const asyncMessagesSlideToCancelDistanceEqual =
     prevAsyncMessagesSlideToCancelDistance === nextAsyncMessagesSlideToCancelDistance;
-  if (!asyncMessagesSlideToCancelDistanceEqual) return false;
+  if (!asyncMessagesSlideToCancelDistanceEqual) {
+    return false;
+  }
 
   const editingEqual = !!prevEditing === !!nextEditing;
-  if (!editingEqual) return false;
+  if (!editingEqual) {
+    return false;
+  }
 
   const imageUploadsEqual = prevImageUploads.length === nextImageUploads.length;
-  if (!imageUploadsEqual) return false;
+  if (!imageUploadsEqual) {
+    return false;
+  }
 
   const giphyActiveEqual = prevGiphyActive === nextGiphyActive;
-  if (!giphyActiveEqual) return false;
+  if (!giphyActiveEqual) {
+    return false;
+  }
 
   const quotedMessageEqual =
     !!prevQuotedMessage &&
@@ -1033,48 +1065,70 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     typeof nextQuotedMessage !== 'boolean'
       ? prevQuotedMessage.id === nextQuotedMessage.id
       : !!prevQuotedMessage === !!nextQuotedMessage;
-  if (!quotedMessageEqual) return false;
+  if (!quotedMessageEqual) {
+    return false;
+  }
 
   const sendingEqual = prevSending.current === nextSending.current;
-  if (!sendingEqual) return false;
+  if (!sendingEqual) {
+    return false;
+  }
 
   const showMoreOptionsEqual = prevShowMoreOptions === nextShowMoreOptions;
-  if (!showMoreOptionsEqual) return false;
+  if (!showMoreOptionsEqual) {
+    return false;
+  }
 
   const isOnlineEqual = prevIsOnline === nextIsOnline;
-  if (!isOnlineEqual) return false;
+  if (!isOnlineEqual) {
+    return false;
+  }
 
   const isValidMessageEqual = prevIsValidMessage() === nextIsValidMessage();
-  if (!isValidMessageEqual) return false;
+  if (!isValidMessageEqual) {
+    return false;
+  }
 
   const asyncUploadsEqual = Object.keys(prevAsyncUploads).every(
     (key) =>
       prevAsyncUploads[key].state === nextAsyncUploads[key].state &&
       prevAsyncUploads[key].url === nextAsyncUploads[key].url,
   );
-  if (!asyncUploadsEqual) return false;
+  if (!asyncUploadsEqual) {
+    return false;
+  }
 
   const fileUploadsEqual = prevFileUploads.length === nextFileUploads.length;
-  if (!fileUploadsEqual) return false;
+  if (!fileUploadsEqual) {
+    return false;
+  }
 
   const mentionedUsersEqual = prevMentionedUsers.length === nextMentionedUsers.length;
-  if (!mentionedUsersEqual) return false;
+  if (!mentionedUsersEqual) {
+    return false;
+  }
 
   const suggestionsEqual =
     !!prevSuggestions?.data && !!nextSuggestions?.data
       ? prevSuggestions.data.length === nextSuggestions.data.length &&
         prevSuggestions.data.every(({ name }, index) => name === nextSuggestions.data[index].name)
       : !!prevSuggestions === !!nextSuggestions;
-  if (!suggestionsEqual) return false;
+  if (!suggestionsEqual) {
+    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 threadListEqual = prevThreadList === nextThreadList;
-  if (!threadListEqual) return false;
+  if (!threadListEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageInput/SendButton.tsx

@@ -66,13 +66,19 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
+  if (!disabledEqual) {
+    return false;
+  }
 
   const giphyActiveEqual = prevGiphyActive === nextGiphyActive;
-  if (!giphyActiveEqual) return false;
+  if (!giphyActiveEqual) {
+    return false;
+  }
 
   const sendMessageEqual = prevSendMessage === nextSendMessage;
-  if (!sendMessageEqual) return false;
+  if (!sendMessageEqual) {
+    return false;
+  }
 
   return true;
 };