fix(loading): prevent 'undefined' in api url params (#15)

Author: mrMetalWood

src/google-map.ts

@@ -41,9 +41,9 @@ export default class GoogleMap {
         options.googleMapsAPIKey
       }&language=${options.language || defaultLanguage}&region=${options.region || defaultRegion}
       }${
-        options.libraries && `&libraries=${options.libraries.join(',')}`
+        options.libraries ? `&libraries=${options.libraries.join(',')}` : ''
       }${
-        options.mapIds && `&map_ids=${options.mapIds.join(',')}`
+        options.mapIds ? `&map_ids=${options.mapIds.join(',')}` : ''
       }`
     );
     scriptTag.onload = (): void => {

src/map-provider.tsx

@@ -10,7 +10,7 @@ export interface GoogleMapProviderProps {
   libraries: string[];
   language?: string;
   region?: string;
-  mapIds: string[];
+  mapIds?: string[];
   onLoad?: (map: google.maps.Map) => void;
 }
 
@@ -44,7 +44,7 @@ const GoogleMapProvider = (props: GoogleMapProviderProps): JSX.Element => {
   const [loading, setLoading] = useState<boolean>(true);
   const [map, setMap] = useState<GoogleMap>();
 
-  const createGoogleMap = (() => {
+  const createGoogleMap = () => {
     if (!mapContainer) {
       return;
     }
@@ -67,7 +67,7 @@ const GoogleMapProvider = (props: GoogleMapProviderProps): JSX.Element => {
     };
     // Create Google Map instance
     new GoogleMap(mapOptions);
-  });
+  };
 
   // Initializes map on mount
   useEffect(() => {
@@ -78,8 +78,8 @@ const GoogleMapProvider = (props: GoogleMapProviderProps): JSX.Element => {
     // create new map instance
     createGoogleMap();
 
-     // Destroy Google Map when component unmounts
-     return (): void => {
+    // Destroy Google Map when component unmounts
+    return (): void => {
       map && map.destroyComplete();
     };
   }, []);
@@ -89,7 +89,7 @@ const GoogleMapProvider = (props: GoogleMapProviderProps): JSX.Element => {
     if (!map || !mapContainer) {
       return;
     }
-    
+
     // Destroy old map instance listeners
     map.destroyListeners();