react-resolve error handling

resolveError.js

import React from 'react';
import { Resolver } from 'react-resolver';

export default function resolve(func, prop = 'error') {
  return function resolveErrorDecorator(Component) {
    return class ResolveError extends Resolver {
      static displayName = 'ResolveError'

      static propTypes = {
        children: React.PropTypes.object
      }

      componentWillReceiveProps() {
        this.setState({
          pending: {},
          resolved: {}
        });
      }

      handleCatch(error) {
        this.handledError = func(error);
        
        if (this['ReactResolver.IS_CLIENT']) {
          this.setState({
            pending: {},
            resolved: { [prop]: this.handledError }
          });
        }
        return { id: this['ReactResolver.ID'], pending: {}, resolved: { [prop]: this.handledError } };
        
      }

      onResolve(promise) {
        promise = promise
        .catch((error) => {
          return this.handleCatch(error);
        });
        return super.onResolve(promise);       
      }

      render() {
        return <Component {...this.props} {...this.state.resolved} />;
      }
    };
  };
}