⚡️ (next) Dynamic APIs are Asynchronous

investigativedata · Jan 23, 2025 · 59fb4a5 · 59fb4a5
1 parent a208752
commit 59fb4a5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 16 deletions.
diff --git a/_api/draft/route.ts b/_api/draft/route.ts
@@ -23,7 +23,7 @@ export async function GET(request: Request) {
     return new Response("Invalid id", { status: 401 });
   }
 
-  draftMode().enable();
+  (await draftMode()).enable();
 
   return new Response(null, {
     status: 307,

diff --git a/app/[...slug]/page.tsx b/app/[...slug]/page.tsx
@@ -11,11 +11,12 @@ type IParams = {
   readonly slug?: string[];
 };
 
-export async function generateMetadata({
-  params,
-}: {
-  params: IParams;
-}): Promise<Metadata> {
+export async function generateMetadata(
+  props: {
+    params: Promise<IParams>;
+  }
+): Promise<Metadata> {
+  const params = await props.params;
   const data = await getPage(params.slug || ["index"]);
   return {
     title: `${data.title} – ${DEFAULT_TITLE}`,
@@ -28,11 +29,12 @@ const getPageMenu = (screens: IScreen[]): IPageMenuItem[] =>
     .filter(({ item }) => !!item.anchor)
     .map(({ item }) => ({ label: item.name, href: `#${slugify(item.name)}` }));
 
-export default async function SlugPage({
-  params,
-}: {
-  params: { slug: string[] };
-}) {
+export default async function SlugPage(
+  props: {
+    params: Promise<{ slug: string[] }>;
+  }
+) {
+  const params = await props.params;
   if (params.slug.length === 1 && params.slug[0] === "index") {
     return permanentRedirect("/");
   }

diff --git a/app/page.tsx b/app/page.tsx
@@ -7,11 +7,12 @@ type IParams = {
   readonly slug?: string[];
 };
 
-export async function generateMetadata({
-  params,
-}: {
-  params: IParams;
-}): Promise<Metadata> {
+export async function generateMetadata(
+  props: {
+    params: Promise<IParams>;
+  }
+): Promise<Metadata> {
+  const params = await props.params;
   const data = await getPage(params.slug || ["index"]);
   return {
     title: `${data.title} – ${DEFAULT_TITLE}`,