INT-2095 Ensure initial props needed for each page are passed to PageWrapper

apps/web/app/future/(layout)/insights/page.tsx

@@ -1,6 +1,7 @@
 import InsightsPage from "@pages/insights";
 import { headers } from "next/headers";
 
+import { getFeatureFlagMap } from "@calcom/features/flags/server/utils";
 import { constructGenericImage } from "@calcom/lib/OgImages";
 import { IS_CALCOM, WEBAPP_URL, APP_NAME, SEO_IMG_OGIMG } from "@calcom/lib/constants";
 import { getFixedT } from "@calcom/lib/server/getFixedT";
@@ -36,4 +37,23 @@ export const generateMetadata = async () => {
   });
 };
 
-export default InsightsPage;
+// If feature flag is disabled, return not found on getServerSideProps
+export const getProps = async () => {
+  const prisma = await import("@calcom/prisma").then((mod) => mod.default);
+  const flags = await getFeatureFlagMap(prisma);
+
+  if (flags.insights === false) {
+    return {
+      notFound: true,
+    };
+  }
+
+  return {
+    props: {},
+  };
+};
+
+export default function Insights(props: any) {
+  props.params.relativePath = "insights/page.tsx";
+  return <InsightsPage />;
+}

apps/web/app/future/(layout)/layout.tsx

@@ -8,19 +8,21 @@ import PageWrapper from "@components/PageWrapperAppDir";
 
 type WrapperWithLayoutProps = {
   children: ReactElement;
+  params: { [key: string]: any };
 };
 
-export default async function WrapperWithLayout({ children }: WrapperWithLayoutProps) {
+const handleGetProps = async (relativePath: string) => {
+  const props = await import(`./${relativePath}`).then((mod) => mod.getProps?.() ?? null);
+  return props;
+};
+
+export default async function WrapperWithLayout({ children, params }: WrapperWithLayoutProps) {
   const h = headers();
   const nonce = h.get("x-nonce") ?? undefined;
+  const props = await handleGetProps(params.relativePath);
 
   return (
-    <PageWrapper
-      getLayout={getLayout}
-      requiresLicense={false}
-      nonce={nonce}
-      themeBasis={null}
-      {...children.props}>
+    <PageWrapper getLayout={getLayout} requiresLicense={false} nonce={nonce} themeBasis={null} {...props}>
       {children}
     </PageWrapper>
   );

apps/web/app/future/(no-layout)/layout.tsx

@@ -6,19 +6,26 @@ import PageWrapper from "@components/PageWrapperAppDir";
 
 type WrapperWithoutLayoutProps = {
   children: ReactElement;
+  params: { [key: string]: any };
 };
 
-export default async function WrapperWithoutLayout({ children }: WrapperWithoutLayoutProps) {
+const handleGetProps = async (relativePath: string) => {
+  const props = await import(`./${relativePath}`).then((mod) => mod.getProps?.() ?? null);
+  return props;
+};
+
+export default async function WrapperWithoutLayout({ children, params }: WrapperWithoutLayoutProps) {
   const h = headers();
   const nonce = h.get("x-nonce") ?? undefined;
+  const props = await handleGetProps(params.relativePath);
 
   return (
     <PageWrapper
       getLayout={(page) => page}
       requiresLicense={false}
       nonce={nonce}
       themeBasis={null}
-      {...children.props}>
+      {...props}>
       {children}
     </PageWrapper>
   );