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

import { withSeriesType } from 'react-jsx-highcharts';
export * from 'react-jsx-highcharts';

// Charts
export { default as HighchartsStockChart } from './components/HighchartsStockChart';

// Graph parts
export { default as Navigator } from './components/Navigator';
export { default as RangeSelector } from './components/RangeSelector';
export { default as Scrollbar } from './components/Scrollbar';

// Series
export const CandlestickSeries = withSeriesType('Candlestick');
export const FlagsSeries = withSeriesType('Flags');
export const OHLCSeries = withSeriesType('OHLC');

withHighcharts
} from 'react-jsx-highcharts';

// Charts
export { default as HighchartsGanttChart } from './components/HighchartsGanttChart';

// Graph Parts
export { default as XAxis } from './components/XAxis';
export { default as YAxis } from './components/YAxis';
export { default as GridColumn } from './components/GridColumn';
export { default as Pathfinder } from './components/Pathfinder';

// Series
const parentAxisId = { axisId: 'yAxis' };
export const GanttSeries = withSeriesType('gantt', parentAxisId);
export const XRangeSeries = withSeriesType('xrange', parentAxisId);

import { withSeriesType } from 'react-jsx-highcharts';
export * from 'react-jsx-highcharts';

// Charts
export { default as HighchartsStockChart } from './components/HighchartsStockChart';

// Graph parts
export { default as Navigator } from './components/Navigator';
export { default as RangeSelector } from './components/RangeSelector';
export { default as Scrollbar } from './components/Scrollbar';

// Series
export const CandlestickSeries = withSeriesType('Candlestick');
export const FlagsSeries = withSeriesType('Flags');
export const OHLCSeries = withSeriesType('OHLC');

} from 'react-jsx-highcharts';

// Charts
export { default as HighchartsMapChart } from './components/HighchartsMapChart';

// Graph Parts
export { default as MapNavigation } from './components/MapNavigation';
export { default as XAxis } from './components/XAxis';
export { default as YAxis } from './components/YAxis';

// Series
const parentAxisId = { axisId: 'yAxis' };
export const MapBubbleSeries = withSeriesType('MapBubble', parentAxisId);
export const MapLineSeries = withSeriesType('MapLine', parentAxisId);
export const MapPointSeries = withSeriesType('MapPoint', parentAxisId);
export const MapSeries = withSeriesType('Map', parentAxisId);

withSeriesType
} from 'react-jsx-highcharts';

// Charts
export { default as HighchartsMapChart } from './components/HighchartsMapChart';

// Graph Parts
export { default as MapNavigation } from './components/MapNavigation';
export { default as XAxis } from './components/XAxis';
export { default as YAxis } from './components/YAxis';

// Series
const parentAxisId = { axisId: 'yAxis' };
export const MapBubbleSeries = withSeriesType('MapBubble', parentAxisId);
export const MapLineSeries = withSeriesType('MapLine', parentAxisId);
export const MapPointSeries = withSeriesType('MapPoint', parentAxisId);
export const MapSeries = withSeriesType('Map', parentAxisId);

import { withSeriesType } from 'react-jsx-highcharts';
export * from 'react-jsx-highcharts';

// Charts
export { default as HighchartsStockChart } from './components/HighchartsStockChart';

// Graph parts
export { default as Navigator } from './components/Navigator';
export { default as RangeSelector } from './components/RangeSelector';
export { default as Scrollbar } from './components/Scrollbar';

// Series
export const CandlestickSeries = withSeriesType('Candlestick');
export const FlagsSeries = withSeriesType('Flags');
export const OHLCSeries = withSeriesType('OHLC');

Tooltip,
  withHighcharts
} from 'react-jsx-highcharts';

// Charts
export { default as HighchartsGanttChart } from './components/HighchartsGanttChart';

// Graph Parts
export { default as XAxis } from './components/XAxis';
export { default as YAxis } from './components/YAxis';
export { default as GridColumn } from './components/GridColumn';
export { default as Pathfinder } from './components/Pathfinder';

// Series
const parentAxisId = { axisId: 'yAxis' };
export const GanttSeries = withSeriesType('gantt', parentAxisId);
export const XRangeSeries = withSeriesType('xrange', parentAxisId);

useModifiedProps,
  withHighcharts as withHighmaps,
  withSeriesType
} from 'react-jsx-highcharts';

// Charts
export { default as HighchartsMapChart } from './components/HighchartsMapChart';

// Graph Parts
export { default as MapNavigation } from './components/MapNavigation';
export { default as XAxis } from './components/XAxis';
export { default as YAxis } from './components/YAxis';

// Series
const parentAxisId = { axisId: 'yAxis' };
export const MapBubbleSeries = withSeriesType('MapBubble', parentAxisId);
export const MapLineSeries = withSeriesType('MapLine', parentAxisId);
export const MapPointSeries = withSeriesType('MapPoint', parentAxisId);
export const MapSeries = withSeriesType('Map', parentAxisId);

withHighcharts as withHighmaps,
  withSeriesType
} from 'react-jsx-highcharts';

// Charts
export { default as HighchartsMapChart } from './components/HighchartsMapChart';

// Graph Parts
export { default as MapNavigation } from './components/MapNavigation';
export { default as XAxis } from './components/XAxis';
export { default as YAxis } from './components/YAxis';

// Series
const parentAxisId = { axisId: 'yAxis' };
export const MapBubbleSeries = withSeriesType('MapBubble', parentAxisId);
export const MapLineSeries = withSeriesType('MapLine', parentAxisId);
export const MapPointSeries = withSeriesType('MapPoint', parentAxisId);
export const MapSeries = withSeriesType('Map', parentAxisId);