Replace nested react component using higher order component

HOCComponents.js

export class FaxDocumentViewerApp extends Component {
  defaultProps = {
    documentTitle: (doc) => `${doc.fax_type} — ${moment(doc.created_at).format('MMM D YYYY [@] h:mm a')}`
  }

  render = () => {
    <OriginalComponent {...this.props} />
  }
}

export class HubDocumentViewerApp extends Component {
  defaultProps = {
    documentTitle: (doc) => moment(doc.created_at).format('MMM D YYYY [@] h:mm a')
  }

  render = () => {
    <OriginalComponent {...this.props} />
  }
}

OriginalComponent.js

class OriginalComponent extends Component {
  defaultProps = {
    documentTitle: (doc) => `Document #{doc.id}`
  }
  render = () => {
    <div>
      { documents.map( doc => <DocumentThumbnail title={ this.props.documentTitle(doc) } /> ) }
    </div>
  }
}

Thanks for the help, Dan!