nextjs - 💡(How to fix) Fix Title tag insert into body (generateMetadata) [1 comments, 2 participants]

import ClientContent from "@/app/shared/[shareId]/ClientContent";
import type {Metadata} from 'next'

type Props = {
  params: Promise<{ shareId: string }>
  searchParams: Promise<{ [key: string]: string | string[] | undefined }>
}

export async function generateMetadata(
  {params}: Props
): Promise<Metadata> {
  const API_URL = process.env.NEXT_PUBLIC_API_URL;
  const APP_NAME = process.env.NEXT_PUBLIC_APP_NAME;
  const shareId = (await params).shareId
  // fetch post information
  const post = await fetch(`${API_URL}/api/${shareId}`).then((res) =>
    res.json()
  )
  return {
    title: `${APP_NAME} - ${post.title}`,
    description: '',
  }
}
export default function Page() {
  // Pass any initial data or props to the client component if needed
  return <ClientContent/>;
}

Binaries:
  Node: 21.6.0
  npm: 8.19.4
  Yarn: 1.22.22
  pnpm: N/A
Relevant Packages:
  next: 16.1.4 // There is a newer version (16.1.6) available, upgrade recommended!
  eslint-config-next: N/A
  react: 19.2.3
  react-dom: 19.2.3
  typescript: 5.9.3
Next.js Config:
  output: N/A
⚠ There is a newer version (16.1.6) available, upgrade recommended!
   Please try the latest canary version (`npm install next@canary`) to confirm the issue still exists before creating a new issue.
   Read more - https://nextjs.org/docs/messages/opening-an-issue