fix: issues

Author: khushal87

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

@@ -4,10 +4,7 @@ import { StyleSheet, Text, View } from 'react-native';
 
 import { ReminderState } from 'stream-chat';
 
-import {
-  MessageContextValue,
-  useMessageContext,
-} from '../../../../contexts/messageContext/MessageContext';
+import { useMessageContext } from '../../../../contexts/messageContext/MessageContext';
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
 import { useMessageReminder } from '../../../../hooks/useMessageReminder';
@@ -19,7 +16,7 @@ const reminderStateSelector = (state: ReminderState) => ({
   timeLeftMs: state.timeLeftMs,
 });
 
-type MessageReminderHeaderPropsWithContext = Pick<MessageContextValue, 'message'> & {
+type MessageReminderHeaderPropsWithContext = {
   timeLeftMs?: number;
   isReminderTimeLeft: boolean;
 };
@@ -48,31 +45,6 @@ const MessageReminderHeaderWithContext = (props: MessageReminderHeaderPropsWithC
   );
 };
 
-const areEqual = (
-  prevProps: MessageReminderHeaderPropsWithContext,
-  nextProps: MessageReminderHeaderPropsWithContext,
-) => {
-  const { timeLeftMs: prevTimeLeftMs, isReminderTimeLeft: prevIsReminderTimeLeft } = prevProps;
-  const { timeLeftMs: nextTimeLeftMs, isReminderTimeLeft: nextIsReminderTimeLeft } = nextProps;
-
-  const timeLeftMsEqual = prevTimeLeftMs === nextTimeLeftMs;
-  if (!timeLeftMsEqual) {
-    return false;
-  }
-
-  const isReminderTimeLeftEqual = prevIsReminderTimeLeft === nextIsReminderTimeLeft;
-  if (!isReminderTimeLeftEqual) {
-    return false;
-  }
-
-  return true;
-};
-
-const MemoizedMessageReminderHeader = React.memo(
-  MessageReminderHeaderWithContext,
-  areEqual,
-) as typeof MessageReminderHeaderWithContext;
-
 export type MessageReminderHeaderProps = Partial<MessageReminderHeaderPropsWithContext>;
 
 export const MessageReminderHeader = (props: MessageReminderHeaderProps) => {
@@ -83,8 +55,7 @@ export const MessageReminderHeader = (props: MessageReminderHeaderProps) => {
   const isReminderTimeLeft = !!(timeLeftMs && timeLeftMs > 0);
 
   return (
-    <MemoizedMessageReminderHeader
-      message={message}
+    <MessageReminderHeaderWithContext
       timeLeftMs={timeLeftMs ?? 0}
       isReminderTimeLeft={isReminderTimeLeft}
       {...props}

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

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 
 import { Pressable, StyleSheet, Text, View } from 'react-native';
 
@@ -34,30 +34,34 @@ const SentToChannelHeaderWithContext = (props: SentToChannelHeaderPropsWithConte
   const { t } = useTranslationContext();
   const styles = useStyles();
 
-  const queryParentMessageAndMoveToTargetedMessage = () => {
-    return channel
-      .getClient()
-      .search({ cid: channel.cid }, { id: message.parent_id })
-      .then(({ results }) => {
-        if (!results.length) {
-          return;
-        }
-        const targetMessage = formatMessage(results[0].message);
-        onThreadSelect?.(targetMessage, message.id);
-      })
-      .catch((error) => {
-        console.error('Error querying parent message:', error);
-      });
-  };
-
-  const handleOnPress = async () => {
+  const handleOnPress = useCallback(async () => {
     if (!threadList) {
-      await queryParentMessageAndMoveToTargetedMessage();
+      return await channel
+        .getClient()
+        .search({ cid: channel.cid }, { id: message.parent_id })
+        .then(({ results }) => {
+          if (!results.length) {
+            return;
+          }
+          const targetMessage = formatMessage(results[0].message);
+          onThreadSelect?.(targetMessage, message.id);
+        })
+        .catch((error) => {
+          console.error('Error querying parent message:', error);
+        });
     } else {
       setTargetedMessage(message.id);
       onBackPressThread?.(message.id);
     }
-  };
+  }, [
+    channel,
+    message.id,
+    message.parent_id,
+    onBackPressThread,
+    onThreadSelect,
+    setTargetedMessage,
+    threadList,
+  ]);
 
   return (
     <View accessibilityLabel='Message Saved For Later Header' style={styles.container}>

package/src/contexts/messageContext/MessageContext.tsx

@@ -124,6 +124,8 @@ export type MessageContextValue = {
    * @param message - The message to select
    * @param targetedMessageId - The id of the targeted message
    * @returns void
+   *
+   * TODO: V9: Change function params to an object
    */
   onThreadSelect?: (message: LocalMessage, targetedMessageId?: string) => void;
 } & Pick<ChannelContextValue, 'channel' | 'members'> &