Package Exports

use-error-boundary

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (use-error-boundary) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

use-error-boundary

npm version build status license

This react hook provides a ErrorBoundary class and the error state of the error boundary.

The ErrorBoundary is implemented using classes (as there is no hook-based componentDidCatch implementation yet).

Installation

npm i use-error-boundary

Functionality

The hook provides an ErrorBoundary class, that accepts children and renders them. In case of an exception, the ErrorBoundary will render null and the hook will update its state.

This lets you implement an error screen depending on the Status of the Error boundary, using function components and hooks!

Usage

import React from "react"
import { useErrorBoundary } from "use-error-boundary"

const myComponent = () => {
  const { ErrorBoundary, didCatch, error, errorInfo } = useErrorBoundary()

  if (didCatch) return <h1>Something went wrong</h1>

  return (
    <ErrorBoundary>
      <SomeChildren />
    </ErrorBoundary>
  )
}

Contributing

Contributions are welcome, as this is my first properly published npm package.

Feel free to open issues or pull requests! I will review them as fast as possible.