diff --git a/app/src/App.vue b/app/src/App.vue
index 19786daf6b..e027f4a738 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -270,8 +270,8 @@ export default {
     this.setAreaFromQuery();
     // TODO, WIP
     const { map } = getMapInstance('centerMap');
-    const loadendHandler = () => {
-      createHexMap(map);
+    const loadendHandler = async () => {
+      await createHexMap(map);
       map.un('loadend', loadendHandler); // Unregister the event handler after it's called once
     };