compose.js

const StreamIndex = compose(
  withState('userList', 'updateUserList', []),
  withHandlers({
    setUserList: ({ updateUserList }) => users => updateUserList(state => users),
    addLike: ({ updateUserList }) => (user, like) => addUserLike(user, like),
    addDislike: ({ updateUserList }) => (user, dislike) => addUserDislike(user, dislike),
    deleteLike: ({ updateUserList }) => (user, like) =>
      deleteUserLike(user, like.id).then(() =>
        updateUserList(state => [
          ...state.map(i => {
            if (i.user === user) {
              i.likes = i.likes.filter(i => i.id !== like.id)
            }
            return i
          })
        ])
      ),
    deleteDislike: ({ updateUserList }) => (user, dislike) =>
      deleteUserDislike(user, dislike.id).then(() =>
        updateUserList(state => [
          ...state.map(i => {
            if (i.user === user) {
              i.dislikes = i.dislikes.filter(i => i.id !== dislike.id)
            }
            return i
          })
        ])
      )
  }),
  withRouter,
  load,
  selectUser,
  withContext(
    { updateFunctions: PropTypes.object, user: PropTypes.object },
    ({ selectedUser, addLike, addDislike, deleteLike, deleteDislike }) => ({
      user: selectedUser,
      updateFunctions: { addLike, addDislike, deleteLike, deleteDislike }
    })
  )
)(IndexPage)