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?

Inizia da content/docs/higher-order-components.md, nel punto in cui si afferma che un HOC è una funzione pura senza effetti collaterali, e confronta questa affermazione con l’esempio withSubscription incluso. Esamina la spiegazione circostante e la discussione composta da cinque commenti, quindi chiarisci la formulazione in modo che l’affermazione e l’esempio siano coerenti. Il lavoro è completo quando la documentazione descrive accuratamente gli effetti collaterali mostrati dall’esempio.