Fix multiple pending/errored posts

1 files changed, 5 insertions, 3 deletions

diff --git a/web/react/components/posts_view.jsx b/web/react/components/posts_view.jsx
index b782268fa..52722aefc 100644
--- a/web/react/components/posts_view.jsx
+++ b/web/react/components/posts_view.jsx
@@ -104,11 +104,13 @@ export default class PostsView extends React.Component {
 
             // check if it's the last comment in a consecutive string of comments on the same post
             // it is the last comment if it is last post in the channel or the next post has a different root post
-            var isLastComment = Utils.isComment(post) && (i === 0 || posts[order[i - 1]].root_id !== post.root_id);
+            const isLastComment = Utils.isComment(post) && (i === 0 || posts[order[i - 1]].root_id !== post.root_id);
 
-            var postCtl = (
+            const keyPrefix = post.id ? post.id : i;
+
+            const postCtl = (
                 <Post
-                    key={post.id + 'postKey'}
+                    key={keyPrefix + 'postKey'}
                     ref={post.id}
                     sameUser={sameUser}
                     sameRoot={sameRoot}