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.

Abra a página vinculada Higher Order Components e localize a seção “use HOCs for cross-cutting concerns”. Compare os dois exemplos de withSubscription com os nomes de componentes relatados e, em seguida, verifique se a documentação é renderizada corretamente; está concluído quando os exemplos usam os componentes encapsulados pretendidos.