Typo in Higher Order Components page

Hello,

I am new to React so I could be wrong but I think I spotted an issue in this section. Instead of this:

const CommentListWithSubscription = withSubscription(
  CommentList,
  (DataSource) => DataSource.getComments()
);

const BlogPostWithSubscription = withSubscription(
  BlogPost,
  (DataSource, props) => DataSource.getBlogPost(props.id)
);

I believe it should say that:

const CommentListWithSubscription = withSubscription(
  Comment,
  (DataSource) => DataSource.getComments()
);

const BlogPostWithSubscription = withSubscription(
  TextBlock,
  (DataSource, props) => DataSource.getBlogPost(props.id)
);

i.e. the WrappedComponent argument of the withSubscription HOC is wrong in both declarations.

Open the linked Higher Order Components page and locate the “use HOCs for cross-cutting concerns” section. Compare both withSubscription examples with the reported component names, then verify the documentation renders correctly; it is done when the examples use the intended wrapped components.