Fix clashing keys

src/view/com/composer/Composer.tsx

@@ -560,25 +560,23 @@ export const ComposePost = ({
             />
           </Animated.ScrollView>
 
-          <SuggestedLanguage text={activePost.richtext.text} />
+          <React.Fragment key={activePost.id}>
-
+            <SuggestedLanguage text={activePost.richtext.text} />
-          <ComposerPills
+            <ComposerPills
-            key={activePost.id}
+              isReply={!!replyTo}
-            isReply={!!replyTo}
+              post={activePost}
-            post={activePost}
+              thread={composerState.thread}
-            thread={composerState.thread}
+              dispatch={composerDispatch}
-            dispatch={composerDispatch}
+              bottomBarAnimatedStyle={bottomBarAnimatedStyle}
-            bottomBarAnimatedStyle={bottomBarAnimatedStyle}
+            />
-          />
+            <ComposerFooter
-
+              post={activePost}
-          <ComposerFooter
+              dispatch={dispatch}
-            key={activePost.id}
+              onError={setError}
-            post={activePost}
+              onEmojiButtonPress={onEmojiButtonPress}
-            dispatch={dispatch}
+              onSelectVideo={asset => selectVideo(activePost.id, asset)}
-            onError={setError}
+            />
-            onEmojiButtonPress={onEmojiButtonPress}
+          </React.Fragment>
-            onSelectVideo={asset => selectVideo(activePost.id, asset)}
-          />
         </View>
 
         <Prompt.Basic