index.js

// ./src/index.js

// imports

const AppContext = React.createContext();

export function withContext(Component){
    return (props) => (
      <AppContext.Consumer>
        {contextProps => 
          /* override contextprops with specific name 
          if prop of same name is manually added */
          <Component {...contextProps } {...props} />
        }
      </AppContext.Consumer>
  );
}

// App component