fix: validation for header

components/Header/MainMenu/MobileMenuWrapper/index.tsx

@@ -1,21 +1,20 @@
-import { serverClient } from "@/lib/trpc/server"
+import { getHeader, getLanguageSwitcher } from "@/lib/trpc/memoizedRequests"
 
 import MobileMenu from "../MobileMenu"
 
 export default async function MobileMenuWrapper({
   children,
 }: React.PropsWithChildren) {
-  const [languages, headerData] = await Promise.all([
-    serverClient().contentstack.languageSwitcher.get(),
-    serverClient().contentstack.base.header(),
-  ])
+  // preloaded
+  const languages = await getLanguageSwitcher()
+  const header = await getHeader()
 
-  if (!languages || !headerData) {
+  if (!languages || !header) {
     return null
   }
 
   return (
-    <MobileMenu languageUrls={languages.urls} topLink={headerData?.topLink}>
+    <MobileMenu languageUrls={languages.urls} topLink={header.data.topLink}>
       {children}
     </MobileMenu>
   )