react-jsx-highcharts/src/components/WithHighcharts/index.js

Highcharts charts built using React components

import * as React from 'react';
import HighchartsContext from '../HighchartsContext';

// This is a HOC function.
// It takes a component...
export default function withHighcharts(Component, Highcharts) {
  // ...and returns another component...
  return function HighchartsWrappedComponent(props) {
    // ... and renders the wrapped component with the context theme!
    // Notice that we pass through any additional props as well
    return (
      <HighchartsProvider Highcharts={Highcharts}>
        <Component {...props} />
      </HighchartsProvider>
    );
  };
}

export const HighchartsProvider = ({ Highcharts, children }) => (
  <HighchartsContext.Provider value={Highcharts}>
    {children}
  </HighchartsContext.Provider>
);