1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21import { Dot } from "recharts"; import themeVariables from "../global-styles/variables.module.scss" export const CustomizedDot = (props: any) => { const { cx, cy, dataKey, payload } = props; if (payload.timestamp) { return ( <Dot key={payload.timestamp} cx={cx} cy={cy} r={4} stroke={themeVariables.white} fill={themeVariables.white} strokeWidth={3} ></Dot> ); } else { return <div key={Math.random()}></div>; //this is a hack :/ } };