error-boundary-react

Installation

• with npm

npm i error-boundary-react

• with yarn

yarn add error-boundary-react

• with pnpm

pnpm add error-boundary-react

Usage

App.js

import ErrorBoundary from 'error-boundary-react'
 
function App() {
  return (
    <ErrorBoundary 
      fallback={<Handler /> /* no props */} 
      fallback={HandlerWithProps /* with props */} 
      force={false /* By default it's false, false means ErrorBoundary will be disabled in dev mode */}
    >
      <...>
    </ErrorBoundary>
  )
}

function Handler() {
  return <div>Error</div>
}

function HandlerWithProps({ error, errorInfo }) {
  return <div>{error.message}</div>
}