Run codemod for next 15

Author: emmatown

docs/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

docs/src/app/(public)/blog/[...slug]/page.tsx

@@ -9,12 +9,13 @@ import { H1_ID } from '../../../../constants';
 import { MarkdocRenderer } from '../../../../components/markdoc-renderer';
 
 type BlogProps = {
-  params: { slug: string[] };
+  params: Promise<{ slug: string[] }>;
 };
 
 export const dynamicParams = false;
 
-export default async function BlogPost({ params }: BlogProps) {
+export default async function BlogPost(props: BlogProps) {
+  const params = await props.params;
   const { slug: slugPath } = params;
   const slug = slugPath.join('/');
 
@@ -94,10 +95,8 @@ export async function generateStaticParams() {
   }));
 }
 
-export async function generateMetadata(
-  { params }: BlogProps,
-  parent: ResolvingMetadata
-): Promise<Metadata> {
+export async function generateMetadata(props: BlogProps, parent: ResolvingMetadata): Promise<Metadata> {
+  const params = await props.params;
   const slugPath = params.slug;
   const slug = slugPath.join('/');
 

docs/src/app/(public)/docs/[...slug]/page.tsx

@@ -11,7 +11,7 @@ import { RenderableTreeNode, Tag } from '@markdoc/markdoc';
 import { transformMarkdoc } from '../../../../../keystatic.config';
 
 type DocsProps = {
-  params: { slug: string[] };
+  params: Promise<{ slug: string[] }>;
 };
 
 function stringifyDocContent(node: RenderableTreeNode): string {
@@ -26,7 +26,8 @@ function stringifyDocContent(node: RenderableTreeNode): string {
 
 export const dynamicParams = false;
 
-export default async function Docs({ params }: DocsProps) {
+export default async function Docs(props: DocsProps) {
+  const params = await props.params;
   const { slug: slugPath } = params;
 
   const slug = slugPath.join('/');
@@ -93,10 +94,8 @@ export async function generateStaticParams() {
   }));
 }
 
-export async function generateMetadata(
-  { params }: DocsProps,
-  parent: ResolvingMetadata
-): Promise<Metadata> {
+export async function generateMetadata(props: DocsProps, parent: ResolvingMetadata): Promise<Metadata> {
+  const params = await props.params;
   const slugPath = params.slug;
   const slug = slugPath.join('/');
 

docs/src/app/(public)/showcase/[slug]/page.tsx

@@ -9,7 +9,8 @@ import { GitHubOutlineIcon } from '../../../../components/icons/github-outline-i
 import { MarkdocRenderer } from '../../../../components/markdoc-renderer';
 import { CloudImage } from '../../../../components/cloud-image';
 
-export default async function Docs({ params }: { params: { slug: string } }) {
+export default async function Docs(props: { params: Promise<{ slug: string }> }) {
+  const params = await props.params;
   const { slug } = params;
   const project = await reader().collections.projects.read(slug);
   if (!project) notFound();
@@ -136,10 +137,8 @@ export async function generateStaticParams() {
 
 export const dynamicParams = false;
 
-export async function generateMetadata(
-  { params }: { params: { slug: string } },
-  parent: ResolvingMetadata
-): Promise<Metadata> {
+export async function generateMetadata(props: { params: Promise<{ slug: string }> }, parent: ResolvingMetadata): Promise<Metadata> {
+  const params = await props.params;
   const slug = params.slug;
   const project = await reader().collections.projects.read(slug);
 

docs/src/app/mailing-list/route.ts

@@ -12,7 +12,7 @@ export async function POST(req: Request): Promise<Response> {
   }
 
   try {
-    const referer = headers().get('referer');
+    const referer = (await headers()).get('referer');
     let pathname = '/';
     if (referer) {
       try {

docs/src/app/og/blog/[...slug]/route.tsx

@@ -8,9 +8,9 @@ export async function generateStaticParams() {
 
 export const dynamicParams = false;
 
-export async function GET(_: Request, props: { params: { slug: string[] } }) {
+export async function GET(_: Request, props: { params: Promise<{ slug: string[] }> }) {
   const post = await reader().collections.blog.readOrThrow(
-    props.params.slug.join('/')
+    (await props.params).slug.join('/')
   );
   return renderOgImage(post.title);
 }

docs/src/app/og/docs/[...slug]/route.tsx

@@ -8,9 +8,9 @@ export async function generateStaticParams() {
 
 export const dynamicParams = false;
 
-export async function GET(_: Request, props: { params: { slug: string[] } }) {
+export async function GET(_: Request, props: { params: Promise<{ slug: string[] }> }) {
   const post = await reader().collections.pages.readOrThrow(
-    props.params.slug.join('/')
+    (await props.params).slug.join('/')
   );
   return renderOgImage(post.title);
 }

docs/src/app/og/other/[slug]/route.tsx

@@ -13,9 +13,9 @@ export async function generateStaticParams() {
 
 export const dynamicParams = false;
 
-export async function GET(_: Request, props: { params: { slug: string } }) {
-  if (!pages[props.params.slug]) {
+export async function GET(_: Request, props: { params: Promise<{ slug: string }> }) {
+  if (!pages[(await props.params).slug]) {
     return new Response('Not Found', { status: 404 });
   }
-  return renderOgImage(pages[props.params.slug]);
+  return renderOgImage(pages[(await props.params).slug]);
 }

docs/src/app/og/showcase/[...slug]/route.tsx

@@ -8,9 +8,9 @@ export async function generateStaticParams() {
 
 export const dynamicParams = false;
 
-export async function GET(_: Request, props: { params: { slug: string[] } }) {
+export async function GET(_: Request, props: { params: Promise<{ slug: string[] }> }) {
   const post = await reader().collections.projects.readOrThrow(
-    props.params.slug.join('/')
+    (await props.params).slug.join('/')
   );
   return renderOgImage(post.title);
 }