chore: run ts-migrate

1 files changed, 30 insertions, 0 deletions

diff --git a/src/hooks/useLineChart.ts b/src/hooks/useLineChart.ts
new file mode 100644
index 0000000..3bfd7d7
--- /dev/null
+++ b/src/hooks/useLineChart.ts
@@ -0,0 +1,30 @@
+import React from 'react';
+
+import { commonChartOptions } from '../misc/chart';
+
+const { useEffect } = React;
+const options = commonChartOptions;
+
+export default function useLineChart(
+  Chart,
+  elementId,
+  data,
+  subscription,
+  extraChartOptions = {}
+) {
+  useEffect(() => {
+    // @ts-expect-error ts-migrate(2339) FIXME: Property 'getContext' does not exist on type 'HTML... Remove this comment to see the full error message
+    const ctx = document.getElementById(elementId).getContext('2d');
+    const c = new Chart(ctx, {
+      type: 'line',
+      data,
+      options: { ...options, ...extraChartOptions },
+    });
+    const unsubscribe =
+      subscription && subscription.subscribe(() => c.update());
+    return () => {
+      unsubscribe && unsubscribe();
+      c.destroy();
+    };
+  }, [Chart, elementId, data, subscription, extraChartOptions]);
+}