Setup React error boundaries to prevent one component breaking the whole app

[faival]

Expected Behaviour

• An error in a component does not affect the whole application, (e.g. rest of components are usable and state is reseted)

Actual behaviour

• An error triggered on one component can break the whole application

Steps to reproduce

Notes

• investigate with medium till POC
• then create hard followup for implementation

Related issues

• Enzyme 3 couldn't test component when ComponentDidCatch happend enzymejs/enzyme#1255
• Hook error handling (#534) -- continue testing even if some hooks are failing mochajs/mocha#1043
• an error in a beforeEach hook causes the test run to terminate prematurely mochajs/mocha#581
• Error still logged to console when caught by error boundary in testing facebook/react#12485
• Suppress console.log output from tests that succeed mochajs/mocha#1998
• Hide console logging for passing tests and show it for failures jestjs/jest#4156

[alepop]

@faival I hope it will help you https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html