use-error-boundary-hook

A React hook that allows you to use an error boundary in functional components.

Install

npm i use-errour-boundary-hook

Example

import useErrorBoundary from 'use-error-boundary-hook';
 
function MyComponent(props) {
    const [Try, Catch] = useErrorBoundary();
 
    return (
        <Try>
            This is my content.
        </Try>
        <Catch>
            Fallback content!
        </Catch>
    );
}
 

The hook returns more than just the Try and Catch component:

const [Try, Catch, { hasError, error, errorInfo }] = useErrorBoundary();

Property	Type
hasError	Boolean	true if an error has been caught
error	ErrorObject or null	See React Docs
errorInfo	Object or null	See React Docs