diff --git a/package.json b/package.json
index 633b3da..698191d 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "@fontsource/fira-mono": "^5.0.8",
-    "@googlemaps/js-api-loader": "^1.16.2",
+    "@googlemaps/js-api-loader": "^1.16.6",
     "@material/web": "^1.1.1",
     "@playwright/test": "^1.41.0",
     "@sveltejs/adapter-auto": "^3.1.0",
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7f29afc..9aa4be6 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -17,7 +17,9 @@
 <script lang="ts">
   /* global google */
 
-  import { Loader } from '@googlemaps/js-api-loader';
+  import * as googleMapsLoader from '@googlemaps/js-api-loader';
+  const { Loader } = googleMapsLoader;
+
   import { onMount } from 'svelte';
 
   import SearchBar from './components/SearchBar.svelte';
@@ -40,6 +42,7 @@
   onMount(async () => {
     // Load the Google Maps libraries.
     const loader = new Loader({ apiKey: googleMapsApiKey });
+    
     const libraries = {
       geometry: loader.importLibrary('geometry'),
       maps: loader.importLibrary('maps'),