@xysfe/catch-react-error/src/components/DefaultErrorBoundary.js

react error boundaries

import * as React from 'react'

export default class DefaultErrorBoundary extends React.PureComponent {
  constructor(props) {
    super(props)
    this.state = {
      error: null
    }
  }

  componentDidCatch(error, info) {
    this.setState({ error })
    if (this.props.throw) {
      this.props.throw(error)
      this.props.throw(info)
    }
  }

  render() {
    const { FallbackComponent } = this.props
    const { error } = this.state
    if (error && FallbackComponent) {
      return FallbackComponent
    }
    return this.props.children
  }
}