diff --git a/themes/example/components/Nav.js b/themes/example/components/Nav.js
index 873d046a..e87fd273 100644
--- a/themes/example/components/Nav.js
+++ b/themes/example/components/Nav.js
@@ -36,8 +36,8 @@ export const Nav = (props) => {
         <nav className="w-full bg-white md:pt-0 px-6 relative z-20 border-t border-b border-gray-light dark:border-hexo-black-gray dark:bg-black">
             <div className="container mx-auto max-w-4xl md:flex justify-between items-center text-sm md:text-md md:justify-start">
                 <ul className="w-full text-center md:text-left flex flex-wrap justify-center items-stretch md:justify-start md:items-start">
-                    {/* {links.map(link => <NormalMenuItem key={link.id} link={link}/>)} */}
-                    {links.map(link => <MenuItemDrop key={link.id} link={link} />)}
+                    {/* {links.map(link => <NormalMenuItem key={link?.id} link={link}/>)} */}
+                    {links.map(link => <MenuItemDrop key={link?.id} link={link} />)}
                 </ul>
                 {/* <div className="w-full md:w-1/3 text-center md:text-right"> */}
                     {/* <!-- extra links --> */}
diff --git a/themes/fukasawa/components/MenuList.js b/themes/fukasawa/components/MenuList.js
index b5647a33..deee93d9 100644
--- a/themes/fukasawa/components/MenuList.js
+++ b/themes/fukasawa/components/MenuList.js
@@ -31,10 +31,10 @@ export const MenuList = (props) => {
 
   return (<>
         <nav id='nav-pc' className='hidden md:block font-sans text-sm z-20'>
-            {links?.map(link => <MenuItemDrop key={link.id} link={link} />)}
+            {links?.map(link => <MenuItemDrop key={link?.id} link={link} />)}
         </nav>
         <nav id='nav-mobile' className='block md:hidden font-sans text-sm z-20 pb-1'>
-            {links?.map(link => <MenuItemCollapse key={link.id} link={link} onHeightChange={props.onHeightChange}/>)}
+            {links?.map(link => <MenuItemCollapse key={link?.id} link={link} onHeightChange={props.onHeightChange}/>)}
         </nav>
     </>
 
diff --git a/themes/hexo/components/MenuListSide.js b/themes/hexo/components/MenuListSide.js
index 93f6cea6..cda25159 100644
--- a/themes/hexo/components/MenuListSide.js
+++ b/themes/hexo/components/MenuListSide.js
@@ -30,8 +30,8 @@ export const MenuListSide = (props) => {
 
   return (
         <nav>
-            {/* {links.map(link => <MenuItemNormal key={link.id} link={link} />)} */}
-            {links?.map(link => <MenuItemCollapse key={link.id} link={link} />)}
+            {/* {links.map(link => <MenuItemNormal key={link?.id} link={link} />)} */}
+            {links?.map(link => <MenuItemCollapse key={link?.id} link={link} />)}
         </nav>
   )
 }
diff --git a/themes/hexo/components/MenuListTop.js b/themes/hexo/components/MenuListTop.js
index 2e56de1c..39c64ed3 100644
--- a/themes/hexo/components/MenuListTop.js
+++ b/themes/hexo/components/MenuListTop.js
@@ -31,7 +31,7 @@ export const MenuListTop = (props) => {
 
   return (<>
         <nav id='nav-mobile' className='leading-8 justify-center font-light w-full flex'>
-            {links?.map(link => link && link.show && <MenuItemDrop key={link.id} link={link} />)}
+            {links?.map(link => link && link.show && <MenuItemDrop key={link?.id} link={link} />)}
         </nav>
     </>)
 }
diff --git a/themes/matery/components/MenuListSide.js b/themes/matery/components/MenuListSide.js
index 85606ab2..eed55d6c 100644
--- a/themes/matery/components/MenuListSide.js
+++ b/themes/matery/components/MenuListSide.js
@@ -30,8 +30,8 @@ export const MenuListSide = (props) => {
 
   return (
         <nav>
-            {/* {links.map(link => <MenuItemNormal key={link.id} link={link} />)} */}
-            {links?.map(link => <MenuItemCollapse key={link.id} link={link} />)}
+            {/* {links.map(link => <MenuItemNormal key={link?.id} link={link} />)} */}
+            {links?.map(link => <MenuItemCollapse key={link?.id} link={link} />)}
         </nav>
   )
 }
diff --git a/themes/matery/components/MenuListTop.js b/themes/matery/components/MenuListTop.js
index 14148749..8094e543 100644
--- a/themes/matery/components/MenuListTop.js
+++ b/themes/matery/components/MenuListTop.js
@@ -30,7 +30,7 @@ export const MenuListTop = (props) => {
 
   return (
     <nav id='nav' className='leading-8 flex justify-center  font-light w-full'>
-      {links?.map(link => <MenuItemDrop key={link.id} link={link}/>)}
+      {links?.map(link => <MenuItemDrop key={link?.id} link={link}/>)}
     </nav>
   )
 }
diff --git a/themes/medium/components/MenuBarMobile.js b/themes/medium/components/MenuBarMobile.js
index b1d5d8db..538a9782 100644
--- a/themes/medium/components/MenuBarMobile.js
+++ b/themes/medium/components/MenuBarMobile.js
@@ -31,8 +31,8 @@ export const MenuBarMobile = (props) => {
 
   return (
     <nav id='nav' className=' text-md'>
-        {/* {links.map(link => <NormalMenu key={link.id} link={link}/>)} */}
-        {links?.map(link => <MenuItemCollapse onHeightChange={props.onHeightChange} key={link.id} link={link}/>)}
+        {/* {links.map(link => <NormalMenu key={link?.id} link={link}/>)} */}
+        {links?.map(link => <MenuItemCollapse onHeightChange={props.onHeightChange} key={link?.id} link={link}/>)}
 
     </nav>
   )
diff --git a/themes/medium/components/TopNavBar.js b/themes/medium/components/TopNavBar.js
index a12ae3c8..b4e01345 100644
--- a/themes/medium/components/TopNavBar.js
+++ b/themes/medium/components/TopNavBar.js
@@ -66,7 +66,7 @@ export default function TopNavBar(props) {
 
                 {/* 桌面端顶部菜单 */}
                 <div className='hidden md:flex'>
-                    {links && links?.map(link => <MenuItemDrop key={link.id} link={link}/>)}
+                    {links && links?.map(link => <MenuItemDrop key={link?.id} link={link}/>)}
                 </div>
             </div>
         </div>
diff --git a/themes/next/components/MenuList.js b/themes/next/components/MenuList.js
index e6b649fa..3afa60e9 100644
--- a/themes/next/components/MenuList.js
+++ b/themes/next/components/MenuList.js
@@ -35,12 +35,12 @@ export const MenuList = (props) => {
         <>
             {/* 大屏模式菜单 */}
             <nav id='nav' className='hidden md:block leading-8 text-gray-500 dark:text-gray-400 font-sans'>
-                {links.map(link => link && link.show && <MenuItemDrop key={link.id} link={link} />)}
+                {links.map(link => link && link.show && <MenuItemDrop key={link?.id} link={link} />)}
             </nav>
 
             {/* 移动端菜单 */}
             <div id='nav-menu-mobile' className='block md:hidden my-auto justify-start bg-white'>
-                {links?.map(link => link && link.show && <MenuItemCollapse onHeightChange={props.onHeightChange} key={link.id} link={link} />)}
+                {links?.map(link => link && link.show && <MenuItemCollapse onHeightChange={props.onHeightChange} key={link?.id} link={link} />)}
             </div>
         </>
   )
diff --git a/themes/nobelium/components/Nav.js b/themes/nobelium/components/Nav.js
index e8b5f6e1..3ef43a48 100644
--- a/themes/nobelium/components/Nav.js
+++ b/themes/nobelium/components/Nav.js
@@ -104,12 +104,12 @@ const NavBar = props => {
   return (
         <div className="flex-shrink-0">
             <ul className=" hidden md:flex flex-row">
-                {links?.map(link => <MenuItemDrop key={link.id} link={link} />)}
+                {links?.map(link => <MenuItemDrop key={link?.id} link={link} />)}
             </ul>
             <div className='md:hidden'><i onClick={toggleOpen} className='fas fa-bars cursor-pointer px-5 block md:hidden'></i>
                 <Collapse collapseRef={collapseRef} isOpen={isOpen} type='vertical' className='fixed top-16 right-6'>
                     <div className='dark:border-black bg-white dark:bg-black rounded border p-2 text-sm'>
-                        {links?.map(link => <MenuItemCollapse key={link.id} link={link} onHeightChange={(param) => collapseRef.current?.updateCollapseHeight(param)}/>)}
+                        {links?.map(link => <MenuItemCollapse key={link?.id} link={link} onHeightChange={(param) => collapseRef.current?.updateCollapseHeight(param)}/>)}
                     </div>
                 </Collapse>
             </div>
diff --git a/themes/simple/components/MenuList.js b/themes/simple/components/MenuList.js
index d98fc133..6622d209 100644
--- a/themes/simple/components/MenuList.js
+++ b/themes/simple/components/MenuList.js
@@ -51,7 +51,7 @@ export const MenuList = ({ customNav, customMenu }) => {
   return (<>
         {/* 大屏模式菜单 */}
         <div id='nav-menu-pc' className='hidden md:flex my-auto'>
-            {links?.map(link => <MenuItemDrop key={link.id} link={link} />)}
+            {links?.map(link => <MenuItemDrop key={link?.id} link={link} />)}
         </div>
         {/* 移动端小屏菜单 */}
         <div id='nav-menu-mobile' className='flex md:hidden my-auto justify-start'>
@@ -62,7 +62,7 @@ export const MenuList = ({ customNav, customMenu }) => {
 
             <Collapse collapseRef={collapseRef} className='absolute w-full top-12 left-0' isOpen={isOpen}>
                 <div id='menu-wrap' className='bg-white dark:border-hexo-black-gray border'>
-                {links?.map(link => <MenuItemCollapse key={link.id} link={link} onHeightChange={(param) => collapseRef.current?.updateCollapseHeight(param)}/>)}
+                {links?.map(link => <MenuItemCollapse key={link?.id} link={link} onHeightChange={(param) => collapseRef.current?.updateCollapseHeight(param)}/>)}
                 </div>
             </Collapse>
         </div>