Estou recebendo o seguinte aviso

"Aviso: setState (...): só pode atualizar um componente montado ou de montagem. Isso geralmente significa que você chamou setState () em um componente desmontado. Isso não funciona. Verifique o código do componente ContactPage."

Quando eu inicialmente vou para a página de contato, o tempo é bom. Então, se eu sair da página e voltar, o aviso será lançado.

Componente da página de contato:

import React, { Component, PropTypes } from 'react';
import AppStore from '../../stores/AppStore';
import AppActions from '../../actions/AppActions';
import DataContent from './DataContent';

const title = 'Contact Us';


class ContactPage extends Component {

    constructor(props) {
        super(props);
        this.state = AppStore.getState();
        AppActions.getData();
    }

  static contextTypes = {
    onSetTitle: PropTypes.func.isRequired,
  };

  componentWillMount() {
    this.context.onSetTitle(title);
    AppStore.listen(this.onChange.bind(this));
}

componentWillUnmount() {
    AppStore.unlisten(this.onChange.bind(this));
}

onChange(state) {
    this.setState(state);
}

renderData() {
    return this.state.data.map((data) => {
        return (
            <DataContent key={data.id} data={data} />
        )
    })
}

  render() {
    return (
      <div className={s.root}>
        <div className={s.container}>
          <h1>{title}</h1>
          <div>
              { this.renderData() }
          </div>
        </div>
      </div>
    );
}

}

export default ContactPage;

Quando eu coloco depuradores, no carregamento da página de contato, ele atinge componentWillMount (). Quando saio da página de contato, ele bate em componentWillUnmount (). Quando eu navego de volta para a página, ele bate novamente em componentWillMount () e, em seguida, gera o erro quando ele atinge a função onChange (state).