React SSR error boundary


React 16 introduced new componentDidCatch lifecycle method, but it is not working when you render page on server using renderToString.
If you want just render fallback when your component throw error you can use react-ssr-error-boundary.

Installation:

Add the latest version of react-ssr-error-boundary to your package.json:
``
npm install react-ssr-error-boundary
`
or
`
yarn add react-ssr-error-boundary
`

Usage:

Code below will render on server if ProblemComponent rendering fails:
`javascript
import ErrorFallBack from 'react-ssr-error-boundary'


function App() {
return

Error Fallback

}>


}
`
If yours ProblemComponent depends on context (your are using Redux for example), you should create your own ErrorFallBack component by providing contextTypes:

`javascript
import { withContext } from 'react-ssr-error-boundary'
const ErrorFallBack = withContext({ store: PropTypes.object })

function App() {
return

Error Fallback

}>


}
``