Pseudo code for a consumer component

medium_article_context-toast_consumer_extended.jsx

import React from 'react';
import { ToastContext } from './Provider';

export const ToastConsumer = ({ children }) => (
  <ToastContext.Consumer>
    {context => children(context)}
  </ToastContext.Consumer>
);

// Higher-Order Component

export const withToastManager = (Comp) => (props) => (
  <ToastConsumer>
    {context => <Comp toastManager={context} {...props} />}
  </ToastConsumer>
);