fix: handle undefined series during re-renders (#139)

Co-authored-by: Raj Jaiswal <[email protected]>

Author: ryugaraj

src/core/chart-api/chart-extra-tooltip.tsx

@@ -186,6 +186,10 @@ class HighlightCursorCartesian {
 
   public create(target: Rect, point: null | Highcharts.Point, group: readonly Highcharts.Point[], showLine: boolean) {
     this.hide();
+    if (!group[0]?.series) {
+      return;
+    }
+
     const chart = group[0]?.series.chart;
     if (!chart) {
       return;

src/core/components/core-tooltip.tsx

@@ -57,7 +57,12 @@ export function ChartTooltip({
   const tooltip = useSelector(api.tooltipStore, (s) => s);
   const debouncedTooltip = useDebouncedValue(tooltip, debounce === true ? DEFAULT_DEBOUNCE : debounce || 0);
 
-  if (!debouncedTooltip || !debouncedTooltip.visible || debouncedTooltip.group.length === 0) {
+  if (
+    !debouncedTooltip ||
+    !debouncedTooltip.visible ||
+    debouncedTooltip.group.length === 0 ||
+    debouncedTooltip.group[0].series === undefined
+  ) {
     return null;
   }
 

src/core/utils.ts

@@ -269,6 +269,10 @@ export function getLegendsProps(
 // There are differences in how the rectangle is computed, but in all cases it is supposed to
 // enclose the point's visual representation in the chart, with no extra offsets.
 export function getPointRect(point: Highcharts.Point): Rect {
+  if (!point.series) {
+    return { x: 0, y: 0, width: 0, height: 0 };
+  }
+
   switch (point.series.type) {
     case "column":
       return getColumnPointRect(point);
@@ -283,7 +287,7 @@ export function getPointRect(point: Highcharts.Point): Rect {
 // which includes all given points, but also stretched vertically or horizontally (in inverted charts)
 // to the entire chart's height or width.
 export function getGroupRect(points: readonly Highcharts.Point[]): Rect {
-  if (points.length === 0) {
+  if (points.length === 0 || !points[0].series) {
     return { x: 0, y: 0, width: 0, height: 0 };
   }
   const chart = points[0].series.chart;