ExampleFromReactDocs.tsx

// This function takes a component...
export function withAppContext(Component) {
  // ...and returns another component...
  return function ComponentBoundWithAppContext(props) {
    // ... and renders the wrapped component with the current context!
    // Notice that we pass through any additional props as well
    return (
      <AppContextConsumer>
        {appContext => <Component {...props} appContext={appContext} />}
      </AppContextConsumer>
    );
  };
}