Merge pull request #16 from newrelic-experimental/bug-unkown-region

Return null region data after hooks have been applied

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "location-geo-map",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "scripts": {
     "start": "nr1 nerdpack:serve",
     "prettier": "prettier --write ."

visualizations/store-map-viz/components/Region.tsx

@@ -16,11 +16,7 @@ const Region = ({
   const { regionColors } = useProps();
   const { customColors } = useCustomColors(regionColors, false);
 
-  if (!regionFeature) {
-    console.log("Region not found for data, will not render", location);
-    return null;
-  }
-
+
   const gradientColor = getGradientColor(location.value);
 
   const style = useMemo(() => {
@@ -53,18 +49,20 @@ const Region = ({
     location.status,
   ]);
 
+
+
   // determine the tooltip title, memoized to avoid unnecessary recalculations
   const getTooltipTitle = () => {
     if (location.tooltip_header === "NONE" || location.tooltip_header === "") {
       return null;
     }
     return location.tooltip_header
       ? location.tooltip_header
-      : regionFeature.name;
+      : regionFeature?.name;
   };
   const tooltipTitle = useMemo(getTooltipTitle, [
     location.tooltip_header,
-    regionFeature.name,
+    regionFeature?.name,
   ]);
 
   // extracted onClick handler
@@ -74,6 +72,11 @@ const Region = ({
     }
   };
 
+  if (!regionFeature) {
+    console.log("Region not found for data, will not render", location);
+    return null;
+  }
+
   return (
     <GeoJSON
       key={key + "-" + location.value + "-" + style.fillColor}