src/components/Header/HeaderMenuItem.tsx

@@ -3,10 +3,9 @@ import { LowerMenuItem } from "./Header";
 
 interface MenuItemProps {
   item: LowerMenuItem;
-  subItemClass: string;
 }
 
-const HeaderMenuItem: React.FC<MenuItemProps> = ({ item, subItemClass }) => {
+const HeaderMenuItem: React.FC<MenuItemProps> = ({ item }) => {
   const [showSubMenu, setShowSubMenu] = useState<boolean>(false);
 
   const toggleSubMenu = () => {
@@ -15,15 +14,17 @@ const HeaderMenuItem: React.FC<MenuItemProps> = ({ item, subItemClass }) => {
 
   return (
     <li
-      className={`cursor-pointer text-[13.5px] font-medium text-[#525252] tracking-[1px] leading-[-0.3pt] ${subItemClass && "flex gap-4"}`}
+      className={`cursor-pointer text-[13.5px] font-medium text-[#525252] tracking-[1px] leading-[-0.3pt]`}
       onMouseEnter={toggleSubMenu}
       onMouseLeave={toggleSubMenu}
     >
       <a href={item.linkPath}>{item.name}</a>
       {showSubMenu && item.subItems && (
-        <ul className={`absolute bg-white shadow-md p-4 z-20 ${setShowSubMenu && subItemClass}`}>
+        <ul
+          className={`absolute bg-white shadow-md p-4 z-20 `}
+        >
           {item.subItems.map((subItem, index) => (
-            <HeaderMenuItem key={index} item={subItem} subItemClass="relative" />
+            <HeaderMenuItem key={index} item={subItem} />
           ))}
         </ul>
       )}

src/components/LetsGetStated/LetsGetStarted.tsx

@@ -11,17 +11,13 @@ const LetsGetStarted: React.FC = () => {
   const inputRef = React.useRef<HTMLInputElement>(null);
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    let {
-      target: { name, value },
-    } = e;
+    let { name, value } = e.target as HTMLInputElement;
 
     setPinValues((prev) => ({ ...prev, [name]: value }));
   };
 
   const handleInput = (e: React.FormEvent<HTMLInputElement>) => {
-    let {
-      target: { name, value },
-    } = e;
+    let { name, value } = e.target as HTMLInputElement;
 
     if (name === "bvn") {
       const regex = /^[0-9]+$/;
@@ -34,7 +30,6 @@ const LetsGetStarted: React.FC = () => {
         console.log("object not found");
       }
     }
-    console.log(e.target.value.length);
   };
 
   return (