basicContextUsage.jsx

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

render() {
  return (
    <Provider value="Scrum Master">
      <Consumer>
        { (userRole) => <span>Role: {userRole}</span> /* <span>Role: Scrum Master</span>*/}
      </Consumer>
    </Provider>
  )
}