vodkabears / babel-plugin-transform-react-error-boundary

Wraps each component with your own error boundary component.

babel-plugin-transform-react-error-boundary

Wraps each component with your own error boundary component.

Note

Use it only to build a client bundle.
For a server bundle use: https://github.com/doochik/babel-plugin-transform-react-ssr-try-catch.

Quick start

Install:

npm install --save-dev babel-plugin-transform-react-error-boundary

Webpack client config example:

{
    test: /\.jsx?$/,
    exclude: /node_modules/,
    use: {
        loader: 'babel-loader',
        options: {
            cacheDirectory: IS_DEBUG,
            plugins: [
                [ 'babel-plugin-transform-react-error-boundary', {
                    ErrorBoundary: 'common/components/ErrorBoundary/index.js'
                } ]
            ]
        }
    }
}