init locale in

components/partials/header/locale-switcher.tsx

@@ -31,45 +31,43 @@ export default function LocalSwitcher() {
   const router = useRouter();
   const pathname = usePathname();
   const params = useParams();
-  const localActive = useLocale() || "in";
+  const locale = useLocale() || "in";
-  const [selectedLang, setSelectedLang] = useState<string>("");
+  const [selectedLang, setSelectedLang] = useState<string>("in");
   const searchParams = useSearchParams();
+  const [hasInitialized, setHasInitialized] = useState(false);
 
   useEffect(() => {
     const storedLang = getLanguage();
     let joinParam = "";
+
     if (searchParams) {
       joinParam = Array.from(searchParams.entries())
         .map(([key, value]) => `${key}=${value}`)
         .join("&");
     }
 
-    if (pathname.includes("polda")) {
+    const redirectTo = (lang: string) => {
       startTransition(() => {
-        router.replace(pathname + joinParam === "" ? "" : `?${joinParam}`, {
+        router.replace(pathname + (joinParam ? `?${joinParam}` : ""), {
-          locale: "in",
+          locale: lang,
         });
       });
-    } else {
+    };
+
+    if (!hasInitialized) {
       if (!storedLang) {
         setLanguage("in");
         setSelectedLang("in");
-
+        redirectTo("in");
-        startTransition(() => {
-          router.replace(pathname + joinParam === "" ? "" : `?${joinParam}`, {
-            locale: "in",
-          });
-        });
       } else {
         setSelectedLang(storedLang);
-        startTransition(() => {
+        if (locale !== storedLang) {
-          router.replace(pathname + joinParam === "" ? "" : `?${joinParam}`, {
+          redirectTo(storedLang);
-            locale: storedLang,
+        }
-          });
-        });
       }
+      setHasInitialized(true);
     }
-  }, [searchParams]);
+  }, []);
 
   const onSelectChange = (nextLocale: string) => {
     setLanguage(nextLocale);