Fix newly added pages not awaiting the params and searchParams (#5311)

Author: MananTank

apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/analytics/page.tsx

@@ -4,16 +4,17 @@ import { FetchError } from "utils/error";
 import type { Ecosystem } from "../../../types";
 import { EcosystemAnalyticsPage } from "./components/EcosystemAnalyticsPage";
 
-export default async function Page({
-  params,
-  searchParams,
-}: {
-  params: { slug: string };
-  searchParams: {
+export default async function Page(props: {
+  params: Promise<{ slug: string }>;
+  searchParams: Promise<{
     interval?: "day" | "week";
     range?: Range;
-  };
+  }>;
 }) {
+  const [params, searchParams] = await Promise.all([
+    props.params,
+    props.searchParams,
+  ]);
   const ecosystem = await getEcosystem(params.slug);
 
   return (

apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/configuration/page.tsx

@@ -1,5 +1,7 @@
 import { EcosystemPermissionsPage } from "./components/client/EcosystemPermissionsPage";
 
-export default function Page({ params }: { params: { slug: string } }) {
-  return <EcosystemPermissionsPage params={params} />;
+export default async function Page({
+  params,
+}: { params: Promise<{ slug: string }> }) {
+  return <EcosystemPermissionsPage params={await params} />;
 }

apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/ecosystem/[slug]/(active)/analytics/page.tsx

@@ -4,20 +4,22 @@ import { fetchApiServer } from "data/analytics/fetch-api-server";
 import { FetchError } from "utils/error";
 import { EcosystemAnalyticsPage } from "../../../../../../../../(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/analytics/components/EcosystemAnalyticsPage";
 
-export default async function Page({
-  params,
-  searchParams,
-}: {
-  params: {
+export default async function Page(props: {
+  params: Promise<{
     slug: string;
     team_slug: string;
     project_slug: string;
-  };
-  searchParams: {
+  }>;
+  searchParams: Promise<{
     interval?: "day" | "week";
     range?: Range;
-  };
+  }>;
 }) {
+  const [params, searchParams] = await Promise.all([
+    props.params,
+    props.searchParams,
+  ]);
+
   const ecosystem = await getEcosystem(params.slug);
   return (
     <EcosystemAnalyticsPage

apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/ecosystem/[slug]/(active)/configuration/page.tsx

@@ -1,5 +1,7 @@
 import { EcosystemPermissionsPage } from "../../../../../../../../(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/configuration/components/client/EcosystemPermissionsPage";
 
-export default function Page({ params }: { params: { slug: string } }) {
-  return <EcosystemPermissionsPage params={params} />;
+export default async function Page({
+  params,
+}: { params: Promise<{ slug: string }> }) {
+  return <EcosystemPermissionsPage params={await params} />;
 }