diff --git a/themes/commerce/components/NavButtonGroup.js b/themes/commerce/components/NavButtonGroup.js
index 38709213..fbac9cca 100644
--- a/themes/commerce/components/NavButtonGroup.js
+++ b/themes/commerce/components/NavButtonGroup.js
@@ -15,7 +15,7 @@ const NavButtonGroup = (props) => {
 
   return (
     <nav id='home-nav-button' className={'w-full z-10 md:h-72 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-6xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}>
-      {categoryOptions.map(category => {
+      {categoryOptions?.map(category => {
         return (
           <Link
             key={`${category.name}`}
diff --git a/themes/commerce/index.js b/themes/commerce/index.js
index 136b325f..00cb6362 100644
--- a/themes/commerce/index.js
+++ b/themes/commerce/index.js
@@ -319,7 +319,7 @@ const LayoutCategoryIndex = props => {
                     <i className="mr-4 fas fa-th" />  {locale.COMMON.CATEGORY}:
                 </div>
                 <div id="category-list" className="duration-200 flex flex-wrap mx-8">
-                    {categoryOptions.map(category => {
+                    {categoryOptions?.map(category => {
                       return (
                             <Link key={category.name} href={`/category/${category.name}`} passHref legacyBehavior>
                                 <div className={' duration-300 dark:hover:text-white px-5 cursor-pointer py-2 hover:text-red-400'}>
diff --git a/themes/heo/components/NavButtonGroup.js b/themes/heo/components/NavButtonGroup.js
index 2a3fc898..7b79bf5e 100644
--- a/themes/heo/components/NavButtonGroup.js
+++ b/themes/heo/components/NavButtonGroup.js
@@ -15,7 +15,7 @@ const NavButtonGroup = (props) => {
 
   return (
     <nav id='home-nav-button' className={'w-full z-10 md:h-72 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-5xl space-y-2 md:space-y-1 md:flex justify-center max-h-80 overflow-auto'}>
-      {categoryOptions.map(category => {
+      {categoryOptions?.map(category => {
         return (
           <Link
             key={`${category.name}`}
diff --git a/themes/heo/index.js b/themes/heo/index.js
index 7dab708f..a9e4fdda 100644
--- a/themes/heo/index.js
+++ b/themes/heo/index.js
@@ -483,7 +483,7 @@ const LayoutCategoryIndex = props => {
           id="category-list"
           className="duration-200 flex flex-wrap m-10 justify-center"
         >
-          {categoryOptions.map(category => {
+          {categoryOptions?.map(category => {
             return (
               <Link
                 key={category.name}
diff --git a/themes/hexo/components/NavButtonGroup.js b/themes/hexo/components/NavButtonGroup.js
index 38709213..fbac9cca 100644
--- a/themes/hexo/components/NavButtonGroup.js
+++ b/themes/hexo/components/NavButtonGroup.js
@@ -15,7 +15,7 @@ const NavButtonGroup = (props) => {
 
   return (
     <nav id='home-nav-button' className={'w-full z-10 md:h-72 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-6xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}>
-      {categoryOptions.map(category => {
+      {categoryOptions?.map(category => {
         return (
           <Link
             key={`${category.name}`}
diff --git a/themes/hexo/index.js b/themes/hexo/index.js
index 93e25a40..d7ef835b 100644
--- a/themes/hexo/index.js
+++ b/themes/hexo/index.js
@@ -295,7 +295,7 @@ const LayoutCategoryIndex = props => {
                     <i className="mr-4 fas fa-th" />  {locale.COMMON.CATEGORY}:
                 </div>
                 <div id="category-list" className="duration-200 flex flex-wrap mx-8">
-                    {categoryOptions.map(category => {
+                    {categoryOptions?.map(category => {
                       return (
                             <Link key={category.name} href={`/category/${category.name}`} passHref legacyBehavior>
                                 <div className={' duration-300 dark:hover:text-white px-5 cursor-pointer py-2 hover:text-indigo-400'}>
diff --git a/themes/matery/index.js b/themes/matery/index.js
index 75ed0a2a..a27416e8 100644
--- a/themes/matery/index.js
+++ b/themes/matery/index.js
@@ -308,7 +308,7 @@ const LayoutCategoryIndex = props => {
             <div id='inner-wrapper' className='w-full'>
                 <div className="drop-shadow-xl -mt-32 rounded-md mx-3 px-5 lg:border lg:rounded-xl lg:px-2 lg:py-4 bg-white dark:bg-hexo-black-gray  dark:border-black dark:text-gray-300">
                     <div className='flex justify-center flex-wrap'>
-                        {categoryOptions.map(e => {
+                        {categoryOptions?.map(e => {
                           return (
                                 <Link key={e.name} href={`/category/${e.name}`} passHref legacyBehavior>
                                     <div className='duration-300 text-md whitespace-nowrap dark:hover:text-white px-5 cursor-pointer py-2 hover:text-indigo-400' >
diff --git a/themes/nav/components/NavPostList.js b/themes/nav/components/NavPostList.js
index bd379ec2..7c382335 100755
--- a/themes/nav/components/NavPostList.js
+++ b/themes/nav/components/NavPostList.js
@@ -14,7 +14,7 @@ const NavPostList = (props) => {
     return <NavPostListEmpty />
   } else {
     return <div id='category-list' className='dark:border-gray-700 flex flex-wrap  mx-4'>
-            {categoryOptions.map(category => {
+            {categoryOptions?.map(category => {
               // const selected = currentCategory === category.name
               const selected = false
               return (
diff --git a/themes/next/components/CategoryList.js b/themes/next/components/CategoryList.js
index ffe038ef..fa466b05 100644
--- a/themes/next/components/CategoryList.js
+++ b/themes/next/components/CategoryList.js
@@ -11,7 +11,7 @@ const CategoryList = ({ currentCategory, categoryOptions }) => {
   return (
     <ul className='flex py-1 space-x-3'>
       <li className='w-16 py-2 dark:text-gray-200 whitespace-nowrap'>{locale.COMMON.CATEGORY}</li>
-      {categoryOptions.map(category => {
+      {categoryOptions?.map(category => {
         const selected = category.name === currentCategory
         return (
           <Link
diff --git a/themes/next/index.js b/themes/next/index.js
index 8516d51e..e52d1232 100644
--- a/themes/next/index.js
+++ b/themes/next/index.js
@@ -292,7 +292,7 @@ const LayoutCategoryIndex = (props) => {
                     <i className='mr-4 fas faTh' />{locale.COMMON.CATEGORY}:
                 </div>
                 <div id='category-list' className='duration-200 flex flex-wrap'>
-                    {categoryOptions.map(category => {
+                    {categoryOptions?.map(category => {
                       return (
                             <Link
                                 key={category.name}