Pure Component HOC in React

hoc.js

import React from 'react';

const someProp = 'We want to pass this as a prop';

// hip and short notation
export const wrapComponent = (UncomposedComponent) => (props) => <UncomposedComponent {...props} someProp={someProp} />;

// Or broken down:

// a factory which wraps a component
export function wrapComponent(UncomposedComponent) {
  // this is actually a pure component
  return function ComposedComponent(props) {
    return <UncomposedComponent {...props} someProp={someProp} />;
  }
}

// usage:

function wantSomeProp(props) {
  return <div>{ props.someProp }</div>;
}

// wrapComponent add `someProp` to props of `wantSomeProp`
const gotSomeProp = wrapComponent(wantSomeProp);

// render
<gotSomeProp />