I have dynamic route articles/[id] and then articles/[id]/article/[...slug]

I am abale to generate metadata by using generateMetadata and I can see my params in there and I can capture id I need for request,

export async function generateMetadata(
  { params, searchParams }: Props,
  parent: ResolvingMetadata
): Promise<Metadata> {
  // read route params

  const campaign_id = parseInt(params.id);
  const article_id = parseInt(params.slug[0]);

  // fetch data
  const res = await fetch(
    process.env.API_KEY + "/article_route",
    {
      headers: {
        request: JSON.stringify({
          campaign_id,
          article_id,
        }),
      },
    }
  );

  const data: any = await res.json();
  const article: ArticleType = data.message.article_detail;

  // optionally access and extend (rather than replace) parent metadata
  const previousImages = (await parent).openGraph?.images || [];

  return {
    title: article.title,
    description: article.article.substring(0, 150),
    openGraph: {
      type: "website",
      title: article.title,
      description: article.article.substring(0, 150),
      images: [{ url: article.image_url }, ...previousImages],
    },
    twitter: {
      title: article.title,
      description: article.article.substring(0, 150),
      images: [{ url: article.image_url }, ...previousImages],
    },
  };
}

but unfortunately when I do same for generateStaticParams() the params object is empty ?

export async function generateStaticParams({ params, searchParams }: Props) {
  console.log(params.id) // undefined
}

can anyone explain why is it happening, I am stuck ?