resolve build issue

Author: johnnzhou

.github/workflows/check.yml

@@ -27,3 +27,6 @@ jobs:
 
       - name: Check format
         run: npm run format-check
+
+      - name: Check build
+        run: npm run build

src/utils/get-data-range.ts

@@ -8,14 +8,14 @@ type Datum = {
 export default function dataRange(data: Datum[]) {
   const [minLat, maxLat] = d3
     .extent(data, d => d.latitude)
-    .map((d: number | undefined) => d ?? NaN);
+    .map(d => d ?? NaN) as [number, number];
   const [minLon, maxLon] = d3
     .extent(data, d => d.longitude)
-    .map((d: number | undefined) => d ?? NaN);
+    .map(d => d ?? NaN) as [number, number];
 
   const center: [number, number] = [
-    (minLat + maxLat) / 2,
-    (minLon + maxLon) / 2,
+    Number.isNaN(minLat) || Number.isNaN(maxLat) ? 0 : (minLat + maxLat) / 2,
+    Number.isNaN(minLon) || Number.isNaN(maxLon) ? 0 : (minLon + maxLon) / 2,
   ];
 
   return { center, minLat, minLon, maxLat, maxLon };

src/vis/DisplaySelection.tsx

@@ -34,12 +34,15 @@ export default function DisplaySelection(props: DisplayOptionsProps) {
     const checked = event.target.checked;
     const name = event.target.name;
     const _displayOptions = [...props.displayOptions];
-    for (let i = 0; i < _displayOptions.length; i++) {
-      if (_displayOptions[i].name === name) {
-        _displayOptions[i].checked = checked;
-      }
-    }
-    props.setDisplayOptions(_displayOptions);
+
+    props.setDisplayOptions(
+      _displayOptions.map(option => {
+        if (option.name === name) {
+          option.checked = checked;
+        }
+        return option;
+      }),
+    )
   };
 
   return (