fix local bug

Author: shaghayegh77amd

src/context/menuContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from "react";
+import React, { createContext, useContext, useEffect, useState } from "react";
 import { useQuery } from "react-query";
 import { getData } from "@/utils/api/fetchData/apiCall";
 import { MegaMenuAPI } from "@/const/endPoint";
@@ -14,17 +14,21 @@ export const MegaMenuProvider: React.FC<{
   initialMenu: menuItems[];
   language?: string;
 }> = ({ children, initialMenu, language = "en" }) => {
-  const { data: menu } = useQuery({
-    queryKey: ["megaMenu", language],
-    queryFn: async () => {
+  const [clientMenu, setClientMenu] = useState(initialMenu);
+
+  useEffect(() => {
+    const fetchMenu = async () => {
       const megaMenuData = await getData(MegaMenuAPI);
-      return MegaMenuTransformer(megaMenuData).menuItems;
-    },
-    initialData: initialMenu,
-  });
+      setClientMenu(MegaMenuTransformer(megaMenuData).menuItems);
+    };
+
+    fetchMenu();
+  }, [language]);
 
   return (
-    <MegaMenuContext.Provider value={menu}>{children}</MegaMenuContext.Provider>
+    <MegaMenuContext.Provider value={clientMenu}>
+      {children}
+    </MegaMenuContext.Provider>
   );
 };
 

src/pages/index.tsx

@@ -15,8 +15,8 @@ import { useRouter } from "next/router";
 import { GetServerSidePropsContext } from "next";
 import MetaTags from "@/component/metaTags";
 
-const fetchCHomeData = async (locale: string) => {
-  const data = await getData(HomePageAPI, {}, "", "", locale);
+const fetchCHomeData = async () => {
+  const data = await getData(HomePageAPI);
   return HomeTransformer(data).homeProductCarousel;
 };
 
@@ -29,7 +29,7 @@ export default function Home({
   const locale = router.locale || "en";
   const { data: carouselData } = useQuery<Product[]>(
     ["homePage"],
-    () => fetchCHomeData(locale),
+    () => fetchCHomeData(),
 
     {
       initialData: homeProductCarousel || undefined,