React error boundary component

TryCatch.js

import React, {Component} from 'react';

class TryCatch extends Component {
  constructor(props) {
    super(props);
    /*
    initial state. hasError property is used to conditionally render fallback UI. 
    Please not hasError property name is arbitarily chosen and can be any name of your choice
    */
    this.state = {hasError: false};
  }

  /* 
    new lifecyle method that will be called by React when error occurs either in render or 
    any other lifecycle methods
  */
  componentDidCatch(error, info) {
    // set the state to re-render when there is an error
    this.setState({hasError: true});
  }

  render() {
    // check if fallback UI has to be rendered in case of error
    if (this.state.hasError) {
      // You can render any custom fallback UI
      return <h1>Sorry, an error has occurred, we logged a ticket automatically</h1>;
    }
    //if you are here then there is no error hence render children 
    return this.props.children;
  }
}

export default TryCatch