HOC with componentDidCatch

hoc-cdc.jsx

import React, { Component } from 'react';
import Sentry from '../services/sentry';
import DevError from '../components/DevError';

const DEV_ENV = 'development';

const CaptureError = ({
  ComponentToWrap,
  ErrorComponent,
  environment = process.env.NODE_ENV,
}) =>
  class extends Component {
    constructor(props) {
      super(props);
      this.state = { error: null };
    }

    componentDidCatch(error, extra) {
      Sentry.captureException(error, { extra });

      this.setState(previousState => ({
        ...previousState,
        error: { error, extra },
      }));
    }

    render() {
      const { error } = this.state;

      if (error !== null) {
        return environment === DEV_ENV
          ? <DevError error={error} />
          : <ErrorComponent />;
      }

      return <ComponentToWrap {...this.props} />;
    }
  };

export default CaptureError;