Lifecycle methods in one component do not get called if an error occurs (and is caught) in an unrelated component.

I have two components that are rendered into two different dom nodes with two separate render calls.

If an Error occurs in the render method of the first component (and is caught), the second component will still render, but it’s componentDidMount lifecycle method will never be called. If the broken component is rendered to the dom after the good component, there is no problem.

I created a minimal example here to reproduce the issue.

Just clone the repo and run yarn start to start up the dev server. You will see that the componentDidMount method of the good component is not called. If you change the order of the rendering in src/index.js it renders correctly.

Edit - added a jsfiddle as well - https://jsfiddle.net/6dhpkxav/3/

[PhilippMi]

@dfleury see https://github.com/developit/preact/pull/1018

[mkellyclare]

Thanks for the update and the suggestion. In our particular case we are rendering multiple widgets on to a page and each one is wrapped by a common component, so I can work around this issue by handling it there. We also don’t have too many state changes so I think I would prefer the component fail fast and hard, it might lead to some tricky debugging if we added logic to fall back to the last good render. For our case at least. Thanks for all your work on preact, it’s a great project.