How to use the react-jsx-highcharts.provideChart function in react-jsx-highcharts

import Pathfinder from './Pathfinder';
import { provideChart } from 'react-jsx-highcharts';
import PathfinderMarker from "./PathfinderMarker";
import PathfinderStartMarker from "./PathfinderStartMarker";
import PathfinderEndMarker from "./PathfinderEndMarker";
const ChartPathfinder = provideChart(Pathfinder);
ChartPathfinder.Marker = provideChart(PathfinderMarker);
ChartPathfinder.StartMarker = provideChart(PathfinderStartMarker);
ChartPathfinder.EndMarker = provideChart(PathfinderEndMarker);
export default ChartPathfinder;

import RangeSelector from './RangeSelector';
import RangeSelectorButton from './RangeSelectorButton';
import RangeSelectorInput from './RangeSelectorInput';
import { provideChart } from 'react-jsx-highcharts';
const ChartRangeSelector = provideChart(RangeSelector);
ChartRangeSelector.Button = provideChart(RangeSelectorButton);
ChartRangeSelector.Input = provideChart(RangeSelectorInput);
export default ChartRangeSelector;

import Pathfinder from './Pathfinder';
import { provideChart } from 'react-jsx-highcharts';
import PathfinderMarker from "./PathfinderMarker";
import PathfinderStartMarker from "./PathfinderStartMarker";
import PathfinderEndMarker from "./PathfinderEndMarker";
const ChartPathfinder = provideChart(Pathfinder);
ChartPathfinder.Marker = provideChart(PathfinderMarker);
ChartPathfinder.StartMarker = provideChart(PathfinderStartMarker);
ChartPathfinder.EndMarker = provideChart(PathfinderEndMarker);
export default ChartPathfinder;

import Pathfinder from './Pathfinder';
import { provideChart } from 'react-jsx-highcharts';
import PathfinderMarker from "./PathfinderMarker";
import PathfinderStartMarker from "./PathfinderStartMarker";
import PathfinderEndMarker from "./PathfinderEndMarker";
const ChartPathfinder = provideChart(Pathfinder);
ChartPathfinder.Marker = provideChart(PathfinderMarker);
ChartPathfinder.StartMarker = provideChart(PathfinderStartMarker);
ChartPathfinder.EndMarker = provideChart(PathfinderEndMarker);
export default ChartPathfinder;

import Pathfinder from './Pathfinder';
import { provideChart } from 'react-jsx-highcharts';
import PathfinderMarker from "./PathfinderMarker";
import PathfinderStartMarker from "./PathfinderStartMarker";
import PathfinderEndMarker from "./PathfinderEndMarker";
const ChartPathfinder = provideChart(Pathfinder);
ChartPathfinder.Marker = provideChart(PathfinderMarker);
ChartPathfinder.StartMarker = provideChart(PathfinderStartMarker);
ChartPathfinder.EndMarker = provideChart(PathfinderEndMarker);
export default ChartPathfinder;

import Navigator from './Navigator';
import NavigatorSeries from './NavigatorSeries';
import NavigatorXAxis from './NavigatorXAxis';
import NavigatorYAxis from './NavigatorYAxis';
import { provideChart, provideSeries } from 'react-jsx-highcharts';
const ChartNavigator = provideChart(Navigator);
ChartNavigator.Series = provideSeries(NavigatorSeries);
ChartNavigator.XAxis = NavigatorXAxis;
ChartNavigator.YAxis = NavigatorYAxis;
export default ChartNavigator;

import RangeSelector from './RangeSelector';
import RangeSelectorButton from './RangeSelectorButton';
import RangeSelectorInput from './RangeSelectorInput';
import { provideChart } from 'react-jsx-highcharts';
const ChartRangeSelector = provideChart(RangeSelector);
ChartRangeSelector.Button = provideChart(RangeSelectorButton);
ChartRangeSelector.Input = provideChart(RangeSelectorInput);
export default ChartRangeSelector;

import RangeSelector from './RangeSelector';
import RangeSelectorButton from './RangeSelectorButton';
import RangeSelectorInput from './RangeSelectorInput';
import { provideChart } from 'react-jsx-highcharts';
const ChartRangeSelector = provideChart(RangeSelector);
ChartRangeSelector.Button = provideChart(RangeSelectorButton);
ChartRangeSelector.Input = provideChart(RangeSelectorInput);
export default ChartRangeSelector;