Solved Nav Bug

.env.sample

@@ -1 +1 @@
-API_URL=
+API_URL=https://www.google.com

src/components/nav/main-nav.js

@@ -1,17 +1,27 @@
 "use client";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import Link from "next/link";
 
 import { siteConfig } from "@/config/site";
 import { cn } from "@/lib/utils";
 import { Icons } from "./icons";
+import { usePathname } from "next/navigation";
 
 function MainNav({ items }) {
   const [activeIndex, setActiveIndex] = useState(0);
+  const pathname = usePathname();
+
+
+
+
+  useEffect(() => {
+    const foundIndex = items.findIndex((item) => item.href === pathname);
+    // console.log(foundIndex)
+    if (foundIndex !== -1) {
+      setActiveIndex(foundIndex);
+    }
+  }, [])
 
-  const handleLinkClick = (index) => {
-    setActiveIndex(index);
-  };
 
   return (
     <div className="flex gap-6 md:gap-10">