title: Nested ErrorBoundary
body: <p>I am thinking of performing nested error boundaries in ReactJS for a specific use case:</p>
  
  <ul>
  <li>to show an error view in the child components</li>
  <li>to show an error dialog in the parent component</li>
  </ul>
  
  <pre><code>    &lt;ErrorBoundary1&gt;
          &lt;ErrorBoundary2&gt;&lt;child1 /&gt;&lt;/ErrorBoundary2&gt;
          &lt;ErrorBoundary2&gt;&lt;child2 /&gt;&lt;/ErrorBoundary2&gt;
      &lt;/ErrorBoundary1&gt;
  </code></pre>
  
  <p>I already tried to do it, but it seems like the parent error boundary is not being passed through when an error happened. I can perform a throw in the <code>componentDidCatch</code> of the inner error boundary but this will put it into an infinite loop.</p>
  
  <p>Suggestions?</p>