Usage no npm install needed!

<script type="module">
  import doochikBabelPluginTransformReactComponentdidcatch from 'https://cdn.skypack.dev/@doochik/babel-plugin-transform-react-componentdidcatch';
</script>

README

@doochik/babel-plugin-transform-react-componentdidcatch

Adds componentDidCatch to every React.(Pure)Component

Installation

npm install --save-dev @doochik/babel-plugin-transform-react-componentdidcatch

Usage

You should enable this plugin only for client build

.babelrc

{
    "plugins": [
        ["@doochik/babel-plugin-transform-react-componentdidcatch", {
             "componentDidCatchHandler": "./path/to/my/componentDidCatchHandler.js"
        }]
    ]
}

Options

`componentDidCatchHandler`

Path to your errorHandler module. This is simple function with two arguments (error, errorInfo)

// componentDidCatchHandler.js

module.exports = (error, errorINfo) => {
   // here you can log error and return fallback component or null.
}