diff --git a/src/api/site.ts b/src/api/site.ts
index cc05753..9487f23 100755
--- a/src/api/site.ts
+++ b/src/api/site.ts
@@ -2,7 +2,8 @@ import { CustomProps, ViewerGroup } from "./explorer.ts";
 import { User } from "./user.ts";
 
 export interface CustomNavItem {
-  title: string;
+  title?: string;
+  name?: string;
   icon?: string;
   url: string;
   target?: string;
diff --git a/src/component/Frame/NavBar/PageNavigation.tsx b/src/component/Frame/NavBar/PageNavigation.tsx
index 8cd7f39..7d92043 100755
--- a/src/component/Frame/NavBar/PageNavigation.tsx
+++ b/src/component/Frame/NavBar/PageNavigation.tsx
@@ -299,9 +299,9 @@ const PageNavigation = () => {
         <Box>
           {customNavItems.map((item) => (
             <SideNavItemComponent
-              key={item.title}
+              key={item.title || item.name || Math.random().toString(36)}
               item={{
-                label: item.title,
+                label: item.title || item.name || "",
                 iconifyName: item.icon,
                 path: item.url,
               }}