ErrorHOC.js

import React from 'react';
import _ from 'lodash';
import {
  withState,
  compose,
  lifecycle,
} from 'recompose';

const withErrorCatch = ErrorComponent => compose(
  withState('errorComponent', 'setErrorComponent', null),
  lifecycle({
    // NOTE: For testing
    // componentDidMount() {
    //   const { setErrorComponent } = this.props;
    //   const passedProps = {
    //     ..._.omit(this.props, ['children']),
    //     errorFromComponent: {},
    //   };
    //   console.log('Error set');
    //   setErrorComponent(<ErrorComponent {...passedProps} />);
    // },
    componentDidCatch(error, errorInfo) {
      const { setErrorComponent } = this.props;
      const passedProps = {
        ..._.omit(this.props, ['children']),
        errorFromComponent: {
          error,
          errorInfo,
        },
      };
      setErrorComponent(<ErrorComponent {...passedProps} />);
    },
  }),
);

export default {
  withErrorCatch,
};