Fix clashing keys

2024-10-27 14:19:31 +00:00
parent eceb04a8cb
commit 831101787f
1 changed files with 17 additions and 19 deletions
@@ -560,25 +560,23 @@ export const ComposePost = ({
            />
          </Animated.ScrollView>

-          <SuggestedLanguage text={activePost.richtext.text} />
-
-          <ComposerPills
-            key={activePost.id}
-            isReply={!!replyTo}
-            post={activePost}
-            thread={composerState.thread}
-            dispatch={composerDispatch}
-            bottomBarAnimatedStyle={bottomBarAnimatedStyle}
-          />
-
-          <ComposerFooter
-            key={activePost.id}
-            post={activePost}
-            dispatch={dispatch}
-            onError={setError}
-            onEmojiButtonPress={onEmojiButtonPress}
-            onSelectVideo={asset => selectVideo(activePost.id, asset)}
-          />
+          <React.Fragment key={activePost.id}>
+            <SuggestedLanguage text={activePost.richtext.text} />
+            <ComposerPills
+              isReply={!!replyTo}
+              post={activePost}
+              thread={composerState.thread}
+              dispatch={composerDispatch}
+              bottomBarAnimatedStyle={bottomBarAnimatedStyle}
+            />
+            <ComposerFooter
+              post={activePost}
+              dispatch={dispatch}
+              onError={setError}
+              onEmojiButtonPress={onEmojiButtonPress}
+              onSelectVideo={asset => selectVideo(activePost.id, asset)}
+            />
+          </React.Fragment>
        </View>

        <Prompt.Basic