@next/codemod@canary next-async-request-api . (#2050)

Author: JFrankfurt

apps/web/app/(basenames)/name/[username]/configure-frames/page.tsx

@@ -7,10 +7,11 @@ import { redirectIfNotNameOwner } from 'apps/web/src/utils/redirectIfNotNameOwne
 import { formatDefaultUsername } from 'apps/web/src/utils/usernames';
 
 export type ConfigureFramesProps = {
-  params: { username: Basename };
+  params: Promise<{ username: Basename }>;
 };
 
-export default async function ConfigureFrames({ params }: ConfigureFramesProps) {
+export default async function ConfigureFrames(props: ConfigureFramesProps) {
+  const params = await props.params;
   let username = await formatDefaultUsername(decodeURIComponent(params.username) as Basename);
   await redirectIfNotNameOwner(username);
 

apps/web/app/(basenames)/name/[username]/opengraph-image.tsx

@@ -24,7 +24,8 @@ const size = {
   height: 630,
 };
 
-export async function generateImageMetadata({ params }: UsernameProfileProps) {
+export async function generateImageMetadata(props: UsernameProfileProps) {
+  const params = await props.params;
   let username = params.username;
   if (
     username &&

apps/web/app/(basenames)/name/[username]/page.tsx

@@ -12,10 +12,11 @@ import classNames from 'classnames';
 import { Metadata } from 'next';
 
 export type UsernameProfileProps = {
-  params: { username: Basename };
+  params: Promise<{ username: Basename }>;
 };
 
-export async function generateMetadata({ params }: UsernameProfileProps): Promise<Metadata> {
+export async function generateMetadata(props: UsernameProfileProps): Promise<Metadata> {
+  const params = await props.params;
   const username = await formatDefaultUsername(params.username);
   const defaultDescription = `${username}, a Basename`;
   const description = await getBasenameTextRecord(username, UsernameTextRecordKeys.Description);
@@ -34,7 +35,8 @@ export async function generateMetadata({ params }: UsernameProfileProps): Promis
   };
 }
 
-export default async function Username({ params }: UsernameProfileProps) {
+export default async function Username(props: UsernameProfileProps) {
+  const params = await props.params;
   let username = await formatDefaultUsername(decodeURIComponent(params.username) as Basename);
   await redirectIfNotNameOwner(username);
 

apps/web/app/(basenames)/names/page.tsx

@@ -23,8 +23,9 @@ export const metadata: Metadata = {
   },
 };
 
-type PageProps = { searchParams?: { code?: string } };
-export default async function Page({ searchParams }: PageProps) {
+type PageProps = { searchParams?: Promise<{ code?: string }> };
+export default async function Page(props: PageProps) {
+  const searchParams = await props.searchParams;
   const code = searchParams?.code;
 
   return (