React Error Handling - почему ошибка приложения?

Чтобы заставить его работать, вы должны представить свой дочерний компонент, завернутый в App:

import React, { Component } from 'react';

export default class ParentComponent extends Component {
  render() {
    return (
      <App>
        </Child>
      </App>
    );
  }
}

и метод визуализации приложения:

render() {
  console.log(`%c In App/render. error: ${this.state.error}, errorInfo:`, 'color: #222; background: #dfd');
  console.log(this.state.errorInfo);
  if (this.state.error) {
    return (
      <div>
        Error
      </div>
    );
  }

  return this.props.children
}

Вы также должны рассмотреть возможность изменения имени ваш компонент приложения.

UPDATE (после обсуждения в комментариях).

Вы используете react-create-app, который имеет встроенный оверлей для ошибок сигнала. Прочтите вопрос для react-create-app, чтобы узнать больше. Совет. Вы можете закрыть этот оверлей с помощью x (найдите его на своем сайте).