Higher Order Component for handling React's Context consumer outside of a component's render function

WithContext.js

import React from "react";

const WithContext = (Component, Context) => {
  return props => (
    <Context.Consumer>
      {value => <Component {...props} context={value} />}
    </Context.Consumer>
  );
};

export default WithContext;