fix: update page imports and JSX rendering

Author: aaronbassett

apps/developer-hub/src/app/(docs)/[section]/[...slug]/page.tsx

@@ -1,4 +1,5 @@
-import { DocumentationPage } from "@/src/components/Pages/DocumentationPage";
+export { DocumentationPage as default } from "@/src/components/Pages/DocumentationPage";
+
 import { source } from "@/src/source";
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
@@ -21,5 +22,3 @@ export async function generateMetadata(props: {
     description: page.data.description,
   } satisfies Metadata;
 }
-
-export default DocumentationPage;

apps/developer-hub/src/app/(docs)/[section]/page.tsx

@@ -1,4 +1,5 @@
-import { LandingPage } from "@/src/components/Pages/LandingPage";
+export { LandingPage as default } from "@/src/components/Pages/LandingPage";
+
 import { source } from "@/src/source";
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
@@ -20,5 +21,3 @@ export async function generateMetadata(props: {
     description: page.data.description,
   } satisfies Metadata;
 }
-
-export default LandingPage;

apps/developer-hub/src/app/(homepage)/page.tsx

@@ -1,3 +1 @@
-import { Homepage } from "@/src/components/Pages/Homepage";
-
-export default Homepage;
+export { Homepage as default } from "@/src/components/Pages/Homepage";

apps/developer-hub/src/components/Pages/DocumentationPage/index.tsx

@@ -4,6 +4,7 @@ export async function DocumentationPage(props: {
   params: Promise<{ section: string; slug: string[] }>;
 }) {
   const params = await props.params;
-  params.slug.unshift(params.section);
-  return BasePage({ params });
+  return (
+    <BasePage params={{ ...params, slug: [params.section, ...params.slug] }} />
+  );
 }

apps/developer-hub/src/components/Pages/LandingPage/index.tsx

@@ -4,5 +4,5 @@ export async function LandingPage(props: {
   params: Promise<{ section: string }>;
 }) {
   const params = await props.params;
-  return BasePage({ params: { slug: [params.section] } });
+  return <BasePage params={{ ...params, slug: [params.section] }} />;
 }