Boost

You can add the boost module to your chart using the Boost component:

import { useState } from 'react';
import { Chart } from "@highcharts/react";
import { LineSeries } from "@highcharts/react/series/Line";
import { Boost } from "@highcharts/react/modules/Boost";
export default function BoostChart() {
const [data] = useState(() => {
let value = 0;
return Array.from({ length: 50000 }, () => {
value += Math.round((Math.random() - 0.5) * 10);
return value;
});
});
return (
<Chart>
<Boost />
<LineSeries data={data} />
</Chart>
);
}

The Boost component accepts all boost API options as props.