Fixed issue with mentions not collapsing when deleting '@' too quickly

1 files changed, 2 insertions, 1 deletions

diff --git a/src/components/comments/AddComment.tsx b/src/components/comments/AddComment.tsx
index 9cf10b5e..28e1a40e 100644
--- a/src/components/comments/AddComment.tsx
+++ b/src/components/comments/AddComment.tsx
@@ -20,6 +20,7 @@ import {CommentThreadType, CommentType} from '../../types';
 import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 import {mentionPartTypes} from '../../utils/comments';
 import {Avatar} from '../common';
+import {MentionInputControlled} from './MentionInputControlled';
 
 export interface AddCommentProps {
   momentId: string;
@@ -112,7 +113,7 @@ const AddComment: React.FC<AddCommentProps> = ({momentId, placeholderText}) => {
         ]}>
         <View style={styles.textContainer}>
           <Avatar style={styles.avatar} uri={avatar} />
-          <MentionInput
+          <MentionInputControlled
             containerStyle={styles.text}
             placeholder={placeholderText}
             value={inReplyToMention + comment}