Micro-frontends in practice - handling errors with a React 16 Error Boundary component

error_boundary.js

class ErrorBoundary extends Component {
  //...
  componentDidCatch(error, info) {
    this.setState({ hasError: true });
  }
  render() {
    return this.state.hasError
      ? (
        <div>
          <p className="alert alert-warning">
            Something went wrong
          </p>
        </div>
      ) : this.props.children;
  }
}