chore: type fixes

Author: stdavis

src/App.tsx

@@ -215,6 +215,7 @@ export default function App() {
               </div>
               <div className="flex flex-col gap-4 rounded border border-zinc-200 p-3 dark:border-zinc-700">
                 <ErrorBoundary FallbackComponent={ErrorFallback}>
+                  {/* @ts-expect-error Geocode types are messed up */}
                   <Geocode {...geocodeOptions} />
                   <details className="group">
                     <summary className="flex cursor-default list-none items-center gap-1 rounded outline-0 outline-offset-2 transition-all focus:outline-2 focus:outline-primary-900 focus:dark:outline-secondary-600 [&::-webkit-details-marker]:hidden">

src/components/MapContainer.tsx

@@ -35,7 +35,7 @@ export const MapContainer = ({ onClick }: { onClick?: __esri.ViewImmediateClickE
     mapView.current = new MapView({
       container: mapNode.current,
       map: mapComponent.current,
-      extent: new Polygon(randomExtent.geometry).extent,
+      extent: new Polygon(randomExtent.geometry!).extent!,
       ui: {
         components: ['zoom'],
       },

src/components/data/cityExtents.ts

@@ -14,7 +14,7 @@ const extents: __esri.GraphicProperties[] = [
       spatialReference: {
         wkid: 3857,
       },
-    } as __esri.PolygonProperties,
+    },
     attributes: {
       name: 'Farmington',
     },
@@ -34,7 +34,7 @@ const extents: __esri.GraphicProperties[] = [
       spatialReference: {
         wkid: 3857,
       },
-    } as __esri.PolygonProperties,
+    },
     attributes: {
       name: 'Ogden',
     },
@@ -54,7 +54,7 @@ const extents: __esri.GraphicProperties[] = [
       spatialReference: {
         wkid: 3857,
       },
-    } as __esri.PolygonProperties,
+    },
     attributes: {
       name: 'Salt Lake City',
     },
@@ -74,7 +74,7 @@ const extents: __esri.GraphicProperties[] = [
       spatialReference: {
         wkid: 3857,
       },
-    } as __esri.PolygonProperties,
+    },
     attributes: {
       name: 'Provo',
     },