Posts.js

const options = {
  name: 'posts.item',
  
  // Which key should become data key for state in hoc
  key: 'document',
  
  // load initial data
  async selectData(service, props) {
    // if independent from another components props
    return service.get(props.documentId)
  },
  
  // update items on update event
  updated(result, state, props) {
    if (result._id === props.documentId) {
      return Object.assign({}, props.document, result);
    }
    return props.document;
  },

  // often patched because 
  patched(result, state, props) {
    if (result._id === props.documentId) {
      return Object.assign({}, props.document, result);
    }
    return props.document;
  },
};

@withServiceEvents('posts', options)
export default class Posts extends PureComponent {

  static displayName = 'Posts';

  static propTypes = propTypes;

  static defaultProps = defaultProps;

  render() {
    const { component, data } = this.props;
    return React.createElement(component, { document: data });
  }
}