Function Chart

src/webapp/components/Chart.tsx:43–55

(props: Props)

};

export function Chart(props: Props) {
  const canvasRef = useRef<HTMLCanvasElement>(null);
  let chartRef: ChartJS | undefined;

  useEffect(() => {
    if (!canvasRef.current) return;

    chartRef = new ChartJS(canvasRef.current, props.config);
    return () => chartRef?.destroy();
  }, [canvasRef, props.config]);

  return <canvas ref={canvasRef} />;
}