fix first press on own message markdown

Author: nhannah

src/components/Message/MessageSimple/MessageTextContainer.tsx

@@ -64,6 +64,7 @@ export type MessageTextContainerPropsWithContext<
     'markdownRules' | 'MessageText'
   > & {
     markdownStyles?: MarkdownStyle;
+    messageOverlay?: boolean;
     styles?: Partial<{
       textContainer: StyleProp<ViewStyle>;
     }>;
@@ -86,6 +87,7 @@ const MessageTextContainerWithContext = <
     markdownRules,
     markdownStyles: markdownStylesProp = {},
     message,
+    messageOverlay,
     MessageText,
     onLongPress,
     onlyEmojis,
@@ -125,6 +127,7 @@ const MessageTextContainerWithContext = <
             ...(onlyEmojis ? onlyEmojiMarkdown : {}),
           },
           message,
+          messageOverlay,
           onLongPress,
           onlyEmojis,
           onPress,

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

@@ -79,6 +79,7 @@ export type RenderTextParams<
   message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;
   markdownRules?: MarkdownRules;
   markdownStyles?: MarkdownStyle;
+  messageOverlay?: boolean;
   onLink?: (url: string) => Promise<void>;
   onlyEmojis?: boolean;
 };
@@ -99,6 +100,7 @@ export const renderText = <
     markdownRules,
     markdownStyles,
     message,
+    messageOverlay,
     onLink: onLinkParams,
     onLongPress: propOnLongPress,
     onlyEmojis,
@@ -252,7 +254,9 @@ export const renderText = <
 
   return (
     <Markdown
-      key={`${JSON.stringify(mentioned_users)}-${onlyEmojis}`}
+      key={`${JSON.stringify(mentioned_users)}-${onlyEmojis}-${
+        messageOverlay ? JSON.stringify(markdownStyles) : undefined
+      }`}
       onLink={onLink}
       rules={{
         ...customRules,

src/components/MessageOverlay/MessageOverlay.tsx

@@ -544,6 +544,7 @@ const MessageOverlayWithContext = <
                                         >
                                           key={`message_text_container_${messageContentOrderIndex}`}
                                           message={message}
+                                          messageOverlay
                                           onlyEmojis={onlyEmojis}
                                         />
                                       );