Type error: Type 'PageProps' does not satisfy the constraint

[Balaji0736]

Hi,

We are developed a new website using nextJS framework as frontend and Wordpress (Headless Wordpress ) as admin dashboard. We used the app router and typescript files.

Now, we executed the build command.

we unable to resolve the below error to run the production site.

Can you please help.

Error:

.next/types/app/(site)/achievements/[slug]/page.ts:34:29
Type error: Type 'PageProps' does not satisfy the constraint 'import("E:/wamp/www/startup-pro-main/.next/types/app/(site)/achievements/[slug]/page").PageProps'.
Types of property 'params' are incompatible.
Type '{ slug: string; }' is missing the following properties from type 'Promise': then, catch, finally, [Symbol.toStringTag]

32 |
33 | // Check the prop type of the entry function

34 | checkFields<Diff<PageProps, FirstArg<TEntry['default']>, 'default'>>()
| ^
35 |
36 | // Check the arguments and return type of the generateMetadata function
37 | if ('generateMetadata' in entry) {
Next.js build worker exited with code: 1 and signal: null

[icyJoseph]

Use this:

export default async function Page({ params } : { params: Promise<{ slug: string; }> }) {
  const { slug } = await params;

Here's a bit more data, https://nextjs.org/docs/app/api-reference/file-conventions/page#reading-searchparams-and-params-in-client-components

This was part of v15 breaking changes announced here:

• https://nextjs.org/blog/next-15#async-request-apis-breaking-change
• https://nextjs.org/docs/app/guides/upgrading/codemods#migrate-to-async-dynamic-apis