render-props-pyramid-doom.jsx

const Comments = ({ repoFullName }) => (
  <Mutation mutation={DELETE_COMMENT}>
    {(deleteComment) => (
      <Query query={GET_CURRENT_USER}>
        {({data: {currentUser}}) => (
          <Subscription
            subscription={COMMENTS_SUBSCRIPTION}
            variables={{ repoFullName }}>
            {({ data: { commentAdded }, loading }) => (
              <div>
                <h3>Hi {currentUser.name}</h3>
                <h4>New comment: {!loading && commentAdded.content}</h4>
                <Button onClick={() => deleteComment({variables: {commentId:commentAdded.id}})}>Delete Comment</Button>
              </div>
            )}
          </Subscription>
        )}
      </Query>
    )}
  </Mutation>
);