Download a chart as an image (CSV, PNG, JPEG)

compendium-frontend/src/components/graphing/ChartTable.tsx

+import React, { useContext, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ChartContainerContext } from '../../helpers/ChartContainerProvider';
+import { Table, TableProps } from "react-bootstrap";
+
+const OriginalTable: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>> = Table;
+
+const ChartTable: React.FC<TableProps> = (props) => {
+    const tableContainerRef = useContext(ChartContainerContext);
+
+    return (
+        <div ref={tableContainerRef}>
+            <OriginalTable {...props} />
+        </div>
+    );
+};
+
+export default ChartTable;

[Bjarke Madsen]

I think this should just render the children of the component (props destructured {children}), instead of requiring the table.. and reuse this across both chartjs graphs and tables

rename it to something like ChartContainer, as it's just a way to get a reference to the parent of whatever we're showing to be able to render it with domtoimage