title: ReactJs ErrorBoundary not working in simplest scenario
body: <p>I'm trying to get my <code>ErrorBoundary</code> to work.</p>
  
  <p>The <code>ErrorBoundary</code> is as simple as in the most examples:</p>
  
  <pre><code>export class ErrorBoundary extends React.Component&lt;IErrorBoundaryProps, IErrorBoundaryState&gt; {
      componentDidCatch(error: Error, errorInfo: Object): void {
          this.setState({ catchedError: error });
      }
  
      render(): JSX.Element | React.ReactNode {
          const { children } = this.props;
          const { catchedError } = this.state;
  
          if (catchedError)
              return (&lt;div&gt;Something went wrong&lt;/div&gt;);
  
          // return the children
          return children;
      }
  }
  </code></pre>
  
  <p>And another component using the ErrorBoundary:</p>
  
  <pre><code>export class Test extends React.Component&lt;ITestProps, ITestState&gt; {
      render(): JSX.Element | React.ReactNode {
          const test:string = null;
  
          return (
              &lt;ErrorBoundary&gt;
                  {test.length}
              &lt;/ErrorBoundary&gt;
          );
      }
  }
  </code></pre>
  
  <p>However, the <code>Something went wrong</code> is never shown. I have no idea what is going wrong here as all the examples out there do the same.
  Any ideas where to start from finding the issue?</p>