createSelector memoization fix

ui/component/comment/index.js

@@ -19,17 +19,21 @@ import { selectActiveChannelClaim } from 'redux/selectors/app';
 import { selectPlayingUri } from 'redux/selectors/content';
 import Comment from './view';
 
-const select = (state, props) => {
+const makeMapStateToProps = (originalState, originalProps) => {
-  const activeChannelClaim = selectActiveChannelClaim(state);
+  const activeChannelClaim = selectActiveChannelClaim(originalState);
   const activeChannelId = activeChannelClaim && activeChannelClaim.claim_id;
-  const reactionKey = activeChannelId ? `${props.commentId}:${activeChannelId}` : props.commentId;
+  const reactionKey = activeChannelId ? `${originalProps.commentId}:${activeChannelId}` : originalProps.commentId;
+  const selectOthersReactionsForComment = makeSelectOthersReactionsForComment(reactionKey);
+
+  const select = (state, props) => {
+    const othersReacts = selectOthersReactionsForComment(state);
 
     return {
       claim: makeSelectClaimForUri(props.uri)(state),
       thumbnail: props.authorUri && makeSelectThumbnailForUri(props.authorUri)(state),
       channelIsBlocked: props.authorUri && makeSelectChannelIsMuted(props.authorUri)(state),
       commentingEnabled: IS_WEB ? Boolean(selectUserVerifiedEmail(state)) : true,
-    othersReacts: makeSelectOthersReactionsForComment(reactionKey)(state),
+      othersReacts,
       activeChannelClaim,
       myChannels: selectMyChannelClaims(state),
       playingUri: selectPlayingUri(state),
@@ -37,6 +41,8 @@ const select = (state, props) => {
       linkedCommentAncestors: selectLinkedCommentAncestors(state),
       totalReplyPages: makeSelectTotalReplyPagesForParentId(props.commentId)(state),
     };
+  };
+  return select;
 };
 
 const perform = (dispatch) => ({
@@ -47,4 +53,4 @@ const perform = (dispatch) => ({
   doToast: (options) => dispatch(doToast(options)),
 });
 
-export default connect(select, perform)(Comment);
+export default connect(makeMapStateToProps, perform)(Comment);