Бесконечный цикл с React comonentDidUpdate

У меня есть родительский компонент приложения, который отображает маршрут с помощью компонента отчета. Компонент App выполняет вызов ajax в своем методе componentDidMount, а Report также выполняет некоторые вызовы ajax в своем методе componentDidUpdate, после чего вызывает родительский метод updateReports. Приложение застревает в бесконечном цикле, в котором потомок снова и снова выполняет свои вызовы ajax.

Приложение

...
  updateReports(report) {
    console.info('updateReports', report)
    if (report.submittal) {
      this.setState({ reports: { submittal: report.submittal } });
      if (report.specification) {
        this.setState({ reports: { specification: report.specification } });
      }
    }
  }
...    
  componentDidMount() {
    console.info('environment', process.env);
    console.info('App state', this.state);
    if (!this.state.projectName) {
      const err = new Error('Project Name must be supplied in the url: /<projectName>');
      return this.handleError(err);
    }

    this.populateProjectId();
  }

  populateProjectId() {
    return Api.getProjectId(process.env.REACT_APP_API_PATH, this.state.projectName)
      .then((projectId) => {
        console.info('App adding projectId to state', projectId);
        this.setState({ projectId });
      })
      .catch((err) => {
        console.info(err);
        this.handleError(err);
      });
  }
...
  render() {
const commonProps = {
  query: this.state.query,
  projectName: this.state.projectName,
  projectId: this.state.projectId
};
...
            <Route
              path = "/:projectName/admin"
              render = {(props) => (
                <Admin
                  {...{ ...commonProps }} reports = {this.state.reports}
                  updateReports = {this.updateReports}
                  handleError = {this.handleError}
                />
              )}
            />

Админ

...
  componentDidUpdate(prevProps, prevState, snapshot) {
    console.info('Admin componentDidUpdate')
    const { projectId } = this.props;

    const apiPath = process.env.REACT_APP_API_PATH;
    Api.fetchReport(apiPath, projectId, 'submittal', null)
      .then((res) => {
        console.info('submittal report result', res);
        return res;
      })
      .then((submittal) => {
        Api.fetchReport(apiPath, projectId, 'specification', null).then((res) => {
          console.info('specification report result', res);
          const newState = { submittal, specification: res };
          console.info('Calling updateReports', newState);
          this.props.updateReports(newState);
        });
      })
      .catch((err) => {
        console.info(err);
        this.handleError(err);
      });
  }

  render() {
    return (
      <div>
        <Report reports = {this.props.reports} />
      </div>
    );
  }
}

export default withRouter(withStyles(styles)(Admin));