test: fix async api tests (#71652)

test/e2e/app-dir/interception-middleware-rewrite/app/[lang]/layout.tsx

@@ -1,6 +1,10 @@
 import Link from 'next/link'
 
-export default function Layout({ children, modal, params }) {
+export default async function Layout(props) {
+  const params = await props.params
+
+  const { children, modal } = props
+
   return (
     <>
       <div>

test/e2e/app-dir/navigation/app/not-found/clientcomponent/page.js

@@ -2,8 +2,8 @@
 import ClientComp from './client-component'
 import { headers } from 'next/headers'
 
-export default function Page() {
+export default async function Page() {
   // Opt-in to SSR.
-  headers()
+  await headers()
   return <ClientComp />
 }

test/e2e/app-dir/navigation/app/redirect/clientcomponent/page.js

@@ -1,8 +1,8 @@
 import ClientComp from './client-component'
 import { headers } from 'next/headers'
 
-export default function Page() {
+export default async function Page() {
   // Opt-in to SSR.
-  headers()
+  await headers()
   return <ClientComp />
 }

test/e2e/app-dir/parallel-routes-breadcrumbs/app/[artist]/[album]/page.tsx

@@ -5,7 +5,7 @@ export default async function Page({ params }) {
   const { artist, album } = await params
   return (
     <div>
-      <h2>Album: {params.album}</h2>
+      <h2>Album: {album}</h2>
       <ul>
         {tracks.map((track) => (
           <li key={track}>

test/e2e/app-dir/root-layout/app/(mpa-navigation)/dynamic-catchall/[...slug]/page.js

@@ -1,6 +1,7 @@
 import Link from 'next/link'
 
-export default function Page({ params }) {
+export default async function Page(props) {
+  const params = await props.params
   const nextUrl = [...params.slug, 'slug']
   return (
     <>

test/e2e/app-dir/root-layout/app/(mpa-navigation)/dynamic/[first]/[second]/page.js

@@ -1,6 +1,7 @@
 import Link from 'next/link'
 
-export default function Page({ params }) {
+export default async function Page(props) {
+  const params = await props.params
   return (
     <>
       <Link href="/basic-route/inner">To basic inner</Link>

test/e2e/app-dir/root-layout/app/(mpa-navigation)/dynamic/[first]/page.js

@@ -1,6 +1,7 @@
 import Link from 'next/link'
 
-export default function Page({ params }) {
+export default async function Page(props) {
+  const params = await props.params
   return (
     <>
       <Link href="/dynamic/first/second">To inner dynamic</Link>

test/e2e/app-dir/root-layout/app/(mpa-navigation)/static-mpa-navigation/[slug]/page.js

@@ -2,7 +2,8 @@ import Link from 'next/link'
 
 export const dynamicParams = false
 
-export default function Page({ params }) {
+export default async function Page(props) {
+  const params = await props.params
   return (
     <>
       <Link

test/e2e/app-dir/root-layout/app/(required-tags)/static-missing-tags/[slug]/page.js

@@ -1,5 +1,5 @@
 export const dynamicParams = false
 
-export default function Page({ params }) {
+export default async function Page() {
   return <p>Static page</p>
 }

test/e2e/app-dir/searchparams-reuse-loading/app/page.tsx

@@ -1,6 +1,7 @@
 import Link from 'next/link'
 
-export default function Page({ searchParams }) {
+export default async function Page(props) {
+  const searchParams = await props.searchParams
   return (
     <>
       <div id="root-params">{JSON.stringify(searchParams)}</div>

test/e2e/app-dir/searchparams-reuse-loading/app/params-first/page.tsx

@@ -1,6 +1,7 @@
 import Link from 'next/link'
 
-export default async function Home({ searchParams }) {
+export default async function Home(props) {
+  const searchParams = await props.searchParams
   return (
     <div>
       <h1>

test/e2e/app-dir/searchparams-reuse-loading/app/root-page-first/page.tsx

@@ -1,6 +1,7 @@
 import Link from 'next/link'
 
-export default async function Home({ searchParams }) {
+export default async function Home(props) {
+  const searchParams = await props.searchParams
   return (
     <div>
       <h1>

test/integration/app-dir-export/app/another/[slug]/page.js

@@ -6,7 +6,8 @@ export function generateStaticParams() {
   return [{ slug: 'first' }, { slug: 'second' }]
 }
 
-export default function Page({ params }) {
+export default async function Page(props) {
+  const params = await props.params
   return (
     <main>
       <h1>{params.slug}</h1>