From cf9cf21a1f603977af73bedd6369997896e4aeb6 Mon Sep 17 00:00:00 2001
From: Igor Dykhta <igorDykhta@users.noreply.github.com>
Date: Mon, 2 Oct 2023 19:46:14 +0300
Subject: [PATCH] [fix] Add guard for null legend label (#2344)

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>
Co-authored-by: Nick Rabinowitz <nrabinowitz@foursquare.com>
---
 src/components/src/common/color-legend.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/src/common/color-legend.tsx b/src/components/src/common/color-legend.tsx
index 4b183a447c..fdf201804f 100644
--- a/src/components/src/common/color-legend.tsx
+++ b/src/components/src/common/color-legend.tsx
@@ -186,7 +186,7 @@ export const LegendRow = ({label = '', displayLabel, color, idx}) => (
   <g transform={`translate(0, ${idx * (ROW_H + GAP)})`}>
     <rect width={RECT_W} height={ROW_H} style={{fill: color}} />
     <text x={RECT_W + 8} y={ROW_H - 1}>
-      {displayLabel ? label.toString() : ''}
+      {displayLabel ? label?.toString() ?? 'N/A' : ''}
     </text>
   </g>
 );