diff --git a/packages/web-pkg/src/components/AppTopBar.vue b/packages/web-pkg/src/components/AppTopBar.vue
index 979dd338719..49519ab3e93 100644
--- a/packages/web-pkg/src/components/AppTopBar.vue
+++ b/packages/web-pkg/src/components/AppTopBar.vue
@@ -29,7 +29,8 @@ export default defineComponent({
   name: 'AppTopBar',
   props: {
     resource: {
-      type: Object
+      type: Object,
+      default: null
     }
   }
 })
diff --git a/packages/web-pkg/src/composables/appDefaults/useAppNavigation.ts b/packages/web-pkg/src/composables/appDefaults/useAppNavigation.ts
index a7be245e616..c11d0011582 100644
--- a/packages/web-pkg/src/composables/appDefaults/useAppNavigation.ts
+++ b/packages/web-pkg/src/composables/appDefaults/useAppNavigation.ts
@@ -66,6 +66,10 @@ export function useAppNavigation({
   const navigateToContext = (context: MaybeRef<FileContext>) => {
     const { fileName, routeName, routeParams, routeQuery } = unref(context)
 
+    if (!unref(routeName)) {
+      return router.push({ path: '/' })
+    }
+
     return router.push({
       name: unref(routeName),
       params: unref(routeParams),