Update to NextJs 15 slug params
Function like this
export default async function Docs({
params,
}: {
params: { docSlug: string };
}) {
const content = await fs.readFile(
path.join(process.cwd(), "src/docs", `${params.docSlug}.mdx`),
"utf-8"
);
}
On using slug params got error
Type error: Type '{ params: { docSlug: string; }; }' does not satisfy the constraint 'PageProps'. Types of property 'params' are incompatible.
Easy fix based on upgrade guide https://nextjs.org/docs/app/building-your-application/upgrading/version-15#async-request-apis-breaking-change
export default async function Docs({
params,
}: {
params: Promise<{ docSlug: string }>;
}) {
const { docSlug } = await params;
const content = await fs.readFile(
path.join(process.cwd(), "src/docs", `${docSlug}.mdx`),
"utf-8"
);
}