register ChartDataLabels plugin in stats box component to avoid production fail

Author: pettinarip

src/components/StatsBoxGrid/GridItem.tsx

@@ -7,6 +7,7 @@ import {
   PointElement,
   ScriptableContext,
 } from "chart.js"
+import ChartDataLabels from "chartjs-plugin-datalabels"
 import { Line } from "react-chartjs-2"
 import { MdInfoOutline } from "react-icons/md"
 import { Box, Flex, Icon, Text } from "@chakra-ui/react"
@@ -33,7 +34,16 @@ type GridItemProps = {
 }
 
 // ChartJS config
-ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler)
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Filler,
+  // to avoid a production error, we must include this plugin even if we do
+  // not use it (we are using it on the energy consumption chart)
+  ChartDataLabels
+)
 
 export const GridItem = ({ metric }: GridItemProps) => {
   const { title, description, state, buttonContainer, range } = metric
@@ -186,7 +196,7 @@ export const GridItem = ({ metric }: GridItemProps) => {
       </Box>
       {hasData && (
         <Box position="absolute" insetInline="0" bottom={7} height="60%">
-          <Line options={chartOptions} data={chartData} updateMode="none" />
+          <Line options={chartOptions} data={chartData} />
         </Box>
       )}
       <Flex

src/components/StatsBoxGrid/StatsBoxGrid.stories.tsx

@@ -3,6 +3,7 @@ import { Meta, StoryObj } from "@storybook/react"
 import ChartComponent from "."
 
 const meta = {
+  title: "Charts / StatsBoxGrid",
   component: ChartComponent,
 } satisfies Meta<typeof ChartComponent>