fix for production build

src/components/Footer/TopFooterOneMenu.tsx

@@ -1,29 +1,28 @@
-import { FC } from "react";
+import React from "react";
 import { Link } from "react-router-dom";
-import { footerItems } from "../../utils/data";
+import { TopFooterOneMenuProps } from "./TopFooterOne";
 
-interface TopFooterOneMenuProps {
-  category: string;
-  subItems: {
-    text: string;
-    href?: string;
-  }[];
-}
 
-const TopFooterOneMenu = (): FC => {
-  return footerItems.map(
-    ({ category, subItems }): TopFooterOneMenuProps => (
-      <ul className="flex gap-2 flex-col">
-        <li className="text-[.6875rem] font-bold text-[#5e2785] cursor-default">{category}</li>
-        <ul className="flex flex-col gap-1">
-          {subItems.map(({ href, text }) => (
-            <Link to="#" className="text-[.6875rem] text-[#5e2785] hover:underline">
-              {text}
-            </Link>
-          ))}
-        </ul>
+const TopFooterOneMenu: React.FC<TopFooterOneMenuProps> = ({
+  category,
+  subItems,
+}) => {
+  return (
+    <ul className="flex gap-2 flex-col">
+      <li className="text-[.6875rem] font-bold text-[#5e2785] cursor-default">
+        {category}
+      </li>
+      <ul className="flex flex-col gap-1">
+        {subItems.map(({ href = "#", text }) => (
+          <li
+            key={text}
+            className="text-[.6875rem] text-[#5e2785] hover:underline"
+          >
+            {href ? <Link to={href}>{text}</Link> : <span>{text}</span>}
+          </li>
+        ))}
       </ul>
-    )
+    </ul>
   );
 };