Fix college picker (#1659)

* feat: Migrates the rgm-college-picker sample

Change-Id: I979f638fc0ed03fd13ae8e197a1108943ef8a81f

* fix: Runs prettier on all files.

Change-Id: I4a8f2fc7c0358ffc6b6594c41ffb1bbfe0a4b879

* fix: Updates version for ECL; fixes issue in sample.

Change-Id: I95c441a8fcaba8c0c302e59fc32b64d766fa6599

Author: willum070

package-lock.json

@@ -37,7 +37,7 @@
     "@deck.gl/geo-layers": "^9.3.11",
     "@deck.gl/google-maps": "^9.3.11",
     "@deck.gl/layers": "^9.3.11",
-    "@googlemaps/extended-component-library": "^0.6.15",
+    "@googlemaps/extended-component-library": "^0.7.0",
     "@loaders.gl/kml": "^4.4.4",
     "@vis.gl/react-google-maps": "1.9.0",
     "dotenv": "^17.4.2",

package.json

@@ -35,6 +35,7 @@ import {
 import { OverlayLayout as TOverlayLayout } from '@googlemaps/extended-component-library/overlay_layout.js';
 import { PlacePicker as TPlacePicker } from '@googlemaps/extended-component-library/place_picker.js';
 
+const COUNTRIES = ['us', 'ca'];
 const API_KEY = 'GOOGLE_MAPS_API_KEY';
 const DEFAULT_CENTER = { lat: 38, lng: -98 };
 const DEFAULT_ZOOM = 4;
@@ -91,7 +92,7 @@ export default function App() {
                                     className="CollegePicker"
                                     ref={pickerRef}
                                     forMap="gmap"
-                                    country={['us', 'ca']}
+                                    country={COUNTRIES}
                                     type="university"
                                     placeholder="Enter a college in the US or Canada"
                                     onPlaceChange={() => {