diff --git a/ui/component/comment/view.jsx b/ui/component/comment/view.jsx
index b4816303a..0ca6b5405 100644
--- a/ui/component/comment/view.jsx
+++ b/ui/component/comment/view.jsx
@@ -361,7 +361,9 @@ function Comment(props: Props) {
icon={ICONS.REPLY}
/>
)}
- {ENABLE_COMMENT_REACTIONS && }
+ {ENABLE_COMMENT_REACTIONS && (
+
+ )}
)}
diff --git a/ui/component/commentReactions/index.js b/ui/component/commentReactions/index.js
index 0bafedfca..cb3a61e8c 100644
--- a/ui/component/commentReactions/index.js
+++ b/ui/component/commentReactions/index.js
@@ -1,5 +1,5 @@
import { connect } from 'react-redux';
-import Comment from './view';
+import CommentReactions from './view';
import { makeSelectClaimIsMine, makeSelectClaimForUri, doResolveUri } from 'lbry-redux';
import { doToast } from 'redux/actions/notifications';
import { makeSelectMyReactionsForComment, makeSelectOthersReactionsForComment } from 'redux/selectors/comments';
@@ -15,7 +15,7 @@ const select = (state, props) => {
claim: makeSelectClaimForUri(props.uri)(state),
claimIsMine: makeSelectClaimIsMine(props.uri)(state),
myReacts: makeSelectMyReactionsForComment(reactionKey)(state),
- othersReacts: makeSelectOthersReactionsForComment(reactionKey)(state),
+ othersReacts: props.othersReacts || makeSelectOthersReactionsForComment(reactionKey)(state),
activeChannelId,
};
};
@@ -26,4 +26,4 @@ const perform = (dispatch) => ({
doToast: (params) => dispatch(doToast(params)),
});
-export default connect(select, perform)(Comment);
+export default connect(select, perform)(CommentReactions);