Basics of creating a React Provider. https://seamusleahy.com/how-to-creating-a-react-provider/

App-snippet.jsx

<LocalizationProvider messages={myLocalizationMessages}>
  <Foo>
    <h1><LocalizationText key="welcomeMessage" /></h1>
  </Foo>
</LocalizationProvider>

Providee.jsx

function Providee(props, context) {
  const mySharedValue = context.mySharedValue;
  const whatIsFoo = mySharedValue.foo;
  
  return (<span>{whatIsFoo}</span>);
}

Providee.contextTypes = {
  mySharedValue: React.PropTypes.object
};

Provider.jsx

class Provider extends React.Component {
  // Render the child component
  render() {
    return this.props.children;
  }

  // Set the share value
  getChildContext() {
    return {
      mySharedValue: {foo: 'bar'}
    };
  }
}

// Define the shared value
Provider.childContextTypes = {
  mySharedValue: React.PropTypes.object
};