types added

Author: DonovanAndrews300

src/components/MapStyleSwitcher.tsx

@@ -14,7 +14,14 @@ const MapStyleSwitcher: React.FC<MapStyleSwitcherProps> = ({
   useEffect(() => {
     console.log('MapStyleSwitcher rendered', handleStyleChange);
   });
-  const baseMaps = {
+  type BaseMap = {
+    name: string;
+    img: string;
+  };
+
+  type BaseMaps = Record<string, BaseMap>;
+
+  const baseMaps: BaseMaps = {
     STREETS: {
       name: 'Street',
       img: 'https://cloud.maptiler.com/static/img/maps/streets.png',

src/components/PropertyMap.tsx

@@ -107,7 +107,13 @@ const layerStylePoints: CircleLayerSpecification = {
   },
 };
 
-const mapStyles = {
+type MapStyle = {
+  url: string;
+};
+
+type MapStyles = Record<string, MapStyle>;
+
+const mapStyles: MapStyles = {
   DataVisualization: {
     url: `https://api.maptiler.com/maps/dataviz/style.json?key=${maptilerApiKey}`,
   },
@@ -510,7 +516,7 @@ const PropertyMap: FC<PropertyMapProps> = ({
         onError={(e) => {
           console.log(e);
           if (
-            e.message ===
+            e.error.cause ===
             "The layer 'vacant_properties_tiles_polygons' does not exist in the map's style and cannot be queried for features."
           )
             setHasLoadingError(true);