diff --git a/frontend/composables/api/use-app-info.ts b/frontend/composables/api/use-app-info.ts
index e3434b940..954467535 100644
--- a/frontend/composables/api/use-app-info.ts
+++ b/frontend/composables/api/use-app-info.ts
@@ -1,11 +1,13 @@
-import { Ref, useAsync } from "@nuxtjs/composition-api";
-import { useAsyncKey } from "../use-utils";
+import { onMounted, ref, Ref } from "@nuxtjs/composition-api";
 import { AppInfo } from "~/types/api-types/admin";
 
 export function useAppInfo(): Ref<AppInfo | null> {
-  return useAsync(async () => {
-    // We use fetch here to reduce need for additional dependencies
+  const appInfo = ref<null | AppInfo>(null);
+
+  onMounted(async () => {
     const data = await fetch("/api/app/about").then((res) => res.json());
-    return data as AppInfo;
-  }, useAsyncKey());
+    appInfo.value = data as AppInfo;
+  });
+
+  return appInfo;
 }