caszl-next/app/(articles)/announcements/[articleId]/page.tsx

import { articleDetail } from "@/app/api/articles";
import ArticleContent from "@/app/components/ArticleContent";

export default async function Article({
  params,
}: {
  params: {
    articleId: string;
  };
}) {
  const data = await articleDetail({ id: params.articleId });
  return <ArticleContent article={data} />;
}