fix: making type safe

1 files changed, 19 insertions, 7 deletions

diff --git a/apps/web/app/(landing)/Headers/Navbar.tsx b/apps/web/app/(landing)/Headers/Navbar.tsx
index 9f3caa93..c698947c 100644
--- a/apps/web/app/(landing)/Headers/Navbar.tsx
+++ b/apps/web/app/(landing)/Headers/Navbar.tsx
@@ -33,7 +33,9 @@ const SlideTabs = () => {
         <Image src={Logo} alt="Supermemory logo" width={40} height={40} />
       </Link>
 
-      <Tab setPosition={setPosition}>Home</Tab>
+      <Tab key={0} setPosition={setPosition}>
+        Home
+      </Tab>
       <Tab setPosition={setPosition}>Pricing</Tab>
       <Tab setPosition={setPosition}>Features</Tab>
       <Tab setPosition={setPosition}>Docs</Tab>
@@ -51,20 +53,30 @@ const SlideTabs = () => {
     </ul>
   );
 };
-// @ts-ignore
-const Tab = ({ children, setPosition }) => {
-  const ref = useRef(null);
+const Tab = ({
+  children,
+  setPosition,
+}: {
+  children: React.ReactNode;
+  setPosition: ({
+    left,
+    width,
+    opacity,
+  }: {
+    left: number;
+    width: number;
+    opacity: number;
+  }) => void;
+}) => {
+  const ref = useRef<HTMLLIElement>(null);
 
   return (
     <li
       ref={ref}
       onMouseEnter={() => {
         if (!ref?.current) return;
-        // @ts-ignore
         const { width } = ref.current.getBoundingClientRect();
-
         setPosition({
-          // @ts-ignore
           left: ref.current.offsetLeft,
           width,
           opacity: 1,