Quickly create a classic context HOC from a context

createContextEnhancer.ts

// Generate higher order components from contexts
const createContextEnhancer = <P extends any>(
  key: string,
  context: React.Context<any>
): InferableComponentEnhancer<P> => BaseComponent => props => {
  const contextValue = React.useContext(context);
  const newProps = { [key]: contextValue, ...props };
  return <BaseComponent {...newProps} />;
};

InferableComponentEnhancer is pulled from recompose, but lots of libraries have an equivalent type.

From the recompose docs:

Injects props and removes them from the prop requirements. Will not pass through the injected props if they are passed in during render.