HOC in the example is not pure function with zero side effects?

To me the statement on https://github.com/reactjs/reactjs.org/blob/master/content/docs/higher-order-components.md appear to be untrue:
A HOC is a pure function with zero side-effects.
where just above the HOC is returning container that surely has side effects: mutation of state:

// This function takes a component...
function withSubscription(WrappedComponent, selectData) {
  // ...and returns another component...
  return class extends React.Component {
    constructor(props) {
      super(props);
      this.handleChange = this.handleChange.bind(this);
      this.state = {
        data: selectData(DataSource, props)
      };
    }

    componentDidMount() {
      // ... that takes care of the subscription...
      DataSource.addChangeListener(this.handleChange);
    }

    componentWillUnmount() {
      DataSource.removeChangeListener(this.handleChange);
    }

    handleChange() {
      this.setState({
        data: selectData(DataSource, this.props)
      });
    }

    render() {
      // ... and renders the wrapped component with the fresh data!
      // Notice that we pass through any additional props
      return <WrappedComponent data={this.state.data} {...this.props} />;
    }
  };
}

Do you agree?

Bắt đầu với content/docs/higher-order-components.md tại chỗ nêu rằng một HOC là một hàm thuần túy không có tác dụng phụ và so sánh điều đó với ví dụ withSubscription được đưa vào. Xem lại phần giải thích xung quanh và cuộc thảo luận gồm năm bình luận, sau đó làm rõ cách diễn đạt để tuyên bố và ví dụ nhất quán với nhau. Công việc được xem là hoàn tất khi tài liệu mô tả chính xác các tác dụng phụ được thể hiện trong ví dụ.