withErrorHandler.jsx

import React from 'react'
import curry from 'lodash.curry'

function withErrorHandler(errorCallback, FallbackComponent, Component) {
  return class extends React.Component {
      constructor() {
        super()

        this.state = {
          hasError: false,
          error: null,
          errorInfo: null,
        }
      }

      componentDidCatch(error, info) {
        this.setState({ hasError: true, error, errorInfo: info })

        errorCallback(error, info, this.props)
      }

      render() {
        if (this.state.hasError) {
          const { error, errorInfo } = this.state
          return (
            <FallbackComponent
              {...this.props}
              error={error}
              errorInfo={errorInfo}
            />
          )
        }

        return <Component {...this.props} />
      }

      static displayName = `WithErrorHandler(${Component.displayName})`
    }
}

export default curry(withErrorHandler)