fix(#2683): handle missing usersnap api key exception

Author: MSzalowski

CHANGELOG.md

@@ -79,6 +79,7 @@ changes.
 - Fix usage of trim on missing label
 - Fix blank screen when registering as a DRep [Issue 2408](https://github.com/IntersectMBO/govtool/issues/2408)
 - Fix type mismatch between sql and haskell code for stake key address
+- Handle missing api key exception [Issue 2683](https://github.com/IntersectMBO/govtool/issues/2683)
 
 ### Changed
 

govtool/frontend/src/context/usersnapContext.tsx

@@ -73,11 +73,19 @@ export const UsersnapProvider = ({
   }, [usersnapApi]);
 
   useEffect(() => {
-    loadSpace(API_KEY).then((api) => {
-      api.init(initParams);
-      setUsersnapApi(api);
-    });
-  }, [initParams]);
+    const initUsersnapSpace = async () => {
+      if (API_KEY) {
+        try {
+          const api = await loadSpace(API_KEY);
+          api.init(initParams);
+          setUsersnapApi(api);
+        } catch (error) {
+          console.error(error);
+        }
+      }
+    };
+    initUsersnapSpace();
+  }, [initParams, API_KEY]);
 
   const value = useMemo(() => ({ openFeedbackWindow }), [openFeedbackWindow]);