From 31010347a443b6b56f764b4e7c089b460466eadb Mon Sep 17 00:00:00 2001
From: Gordon Smith <GordonJSmith@gmail.com>
Date: Fri, 15 Sep 2023 10:06:14 +0100
Subject: [PATCH] HPCC-30297 WU Details Results Regression

Signed-off-by: Gordon Smith <GordonJSmith@gmail.com>
---
 esp/src/src-react/components/controls/Grid.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/esp/src/src-react/components/controls/Grid.tsx b/esp/src/src-react/components/controls/Grid.tsx
index c48dc9150eb..41c6c499ee6 100644
--- a/esp/src/src-react/components/controls/Grid.tsx
+++ b/esp/src/src-react/components/controls/Grid.tsx
@@ -43,16 +43,16 @@ interface IColumn extends _IColumn {
 
 function tooltipItemRenderer(item: any, index: number, column: IColumn) {
     const id = `${column.key}-${index}`;
-    const value = item[column.fieldName || column.key] ?? "";
+    const value = item[column.fieldName || column.key];
     const className = column.data.className ? column.data.className(value, item) : "";
     const style: React.CSSProperties = {
         display: "flex",
         justifyContent: column.data.justify === "right" ? "flex-end" : "flex-start"
     };
-    return <TooltipHost id={id} content={value} overflowMode={TooltipOverflowMode.Parent}>
+    return <TooltipHost id={id} content={value ?? ""} overflowMode={TooltipOverflowMode.Parent}>
         {column.data.formatter ?
-            <span style={style} className={className} aria-describedby={id}>{column.data.formatter(value, item)}</span> :
-            <span style={style} className={className} aria-describedby={id}>{value}</span>
+            <span style={style} className={className} aria-describedby={id}>{column.data.formatter(value, item) ?? ""}</span> :
+            <span style={style} className={className} aria-describedby={id}>{value ?? ""}</span>
         }
     </TooltipHost>;
 }