chore: Add HighchartsBoost to area and bar chart components

pacholoamit · Jun 22, 2024 · 473ad62 · 473ad62
1 parent e3ceb37
commit 473ad62
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/components/area-chart.tsx b/src/components/area-chart.tsx
@@ -1,10 +1,13 @@
-import HighchartsReact from "highcharts-react-official";
-import * as Highcharts from "highcharts/highstock";
-import { Dispatch, SetStateAction, useEffect, useRef, useState } from "react";
+import HighchartsReact from 'highcharts-react-official';
+import * as Highcharts from 'highcharts/highstock';
+import HighchartsBoost from 'highcharts/modules/boost';
+import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
 
-import useSettings from "@/hooks/useSettings";
-import { useMantineTheme } from "@mantine/core";
-import { useViewportSize } from "@mantine/hooks";
+import useSettings from '@/hooks/useSettings';
+import { useMantineTheme } from '@mantine/core';
+import { useViewportSize } from '@mantine/hooks';
+
+HighchartsBoost(Highcharts);
 
 export interface InitialAreaChartStateInput {
   title: {

diff --git a/src/components/bar-chart.tsx b/src/components/bar-chart.tsx
@@ -1,11 +1,13 @@
 import * as Highcharts from "highcharts";
 import HighchartsReact from "highcharts-react-official";
+import HighchartsBoost from "highcharts/modules/boost";
 import { Dispatch, SetStateAction, useEffect, useRef, useState } from "react";
 
 import useSettings from "@/hooks/useSettings";
 import { useMantineTheme } from "@mantine/core";
 import { useViewportSize } from "@mantine/hooks";
 
+HighchartsBoost(Highcharts);
 export interface BarChartStatePropsInitialState extends Highcharts.Options {
   custom?: {
     title: string;