propsProvider.jsx

import hoist from 'hoist-non-react-statics';
import React from 'react';

const { Provider, Consumer } = React.createContext({});

export const PropsProvider = ({ props, children }) => {
  return (
    <Consumer>
      {(providedProps) => {
        const newProps = { ...providedProps, ...props };
        return <Provider value={newProps}>{children}</Provider>;
      }}
    </Consumer>
  );
};

export const withProps = (Component) => {
  const WithProps = (ownProps) => {
    return (
      <Consumer>
        {(providedProps) => {
          const allProps = { ...providedProps, ...ownProps };
          return <Component {...allProps} />;
        }}
      </Consumer>
    );
  };
  hoist(WithProps, Component);
  return WithProps;
};