{shop?.name

import React, { useEffect, useState } from "react"; import MiniSite from "@/components/miniSite/[...id]"; import Head from "next/head"; import { apiClient, FirstletterCapital } from "@/components/common/common"; import { BROWSER_TAB } from "@/utils/staticValues"; const MiniSiteHome = ({ query, shop }) => { const [render, setRender] = useState(false); useEffect(() => { setRender(true); }, []); return ( <> {BROWSER_TAB} - {query?.id?.[0]} -{" "} {query?.id?.[1] ? FirstletterCapital(query?.id?.[1]) : "Home"}

{render && }

); }; export default MiniSiteHome; export async function getServerSideProps({ query }) { if (query?.id[0] == "undefined") { return { props: { query }, }; } else { try { let params: any = await apiClient( `front/minisite/metaTags?shop_slug=${query?.id[0] ?? ""}`, "get" ); console.log(params?.shop, "params"); if (!params?.shop) { return { props: { query }, }; } return { props: { query, shop: params?.shop }, }; } catch (error) { return { props: { query } }; } } }