Using React 16 error boundaries in a decorator

withErrorBoundary.js

import React, { PureComponent } from 'react'
import DefaultFallbackComponent from 'wherever'

export default (FallbackComponent = DefaultFallbackComponent) => {
  return ComposedComponent => {
    class ErrorBoundary extends PureComponent {

      state: {
        info: undefined,
        error: undefined
      }

      componentDidCatch = (error, info) => {
        this.setState({ error, info })
      }

      render() {
        const { error, info } = this.state

        if (error) return (<FallbackComponent props={ this.props } errorBoundary={ this.state } />)
        return (<ComposedComponent { ...this.props } />)
      }
    }

    return ErrorBoundary
  }
}