How to create an error fallback using componentDidCatch in recompose

withErrorFallback.js

import { omit } from 'ramda';
import {
  compose,
  withState,
  branch,
  lifecycle,
  mapProps,
  renderComponent,
  setDisplayName
} from 'recompose';
import ErrorFallback from '../components/ErrorFallback';

export default compose(
  setDisplayName('ErrorBoundary'),
  withState('hasError', 'setHasError', false),
  lifecycle({
    componentDidCatch(error, errorInfo) {
      this.props.setHasError(true);
      console.error(error, errorInfo);
    }
  }),
  branch(props => props.hasError, renderComponent(ErrorFallback)),
  compose(mapProps, omit)(['hasError', 'setHasError'])
);