Javascript 将Strapi API集成到我的网站时出现类型错误？

我正在为我的网站开发一个博客页面，该页面基于Next.js，用TypeScript编写，并使用Strapi作为CMSAPI

System Information
Strapi Version: 3.6.2
Operating System: Linux
Database: PostgreSQL
Node Version: >=10.16.0 <=14.x.x
NPM Version: >=6.0.0
Yarn Version: 1.22.10

我认为这一定与API本身有关，而不是来自前端开发的代码，因为当我将API_URL（当前设置为）更改为朋友用作API的URL时，它运行良好

更具体地说，我怀疑以下原因：

PostgreSQL-我不确定是否在heroku上正确配置了它，因为我所做的只是安装了一个附加组件 JWT令牌-由于我从其他人克隆了存储库，所以我没有生成任何我自己的JWT令牌用于API

请问，有人能澄清一下这个问题吗？它快把我逼疯了

type BlogPageProps = {
  posts: PostData[];
};

const BlogPage = ({ posts }: BlogPageProps) => {
  useEffect(() => {
    AOS.init({ duration: 700 });
  }, []);

  return (
    <>
      <SEO title={`Blog | ${SITE_NAME}`} />

      <AnimationContainer animation="appearFromAbove">
        {posts.map((post) => (
          <PostCard effect="fade-up" key={post.id} post={post} />
        ))}
      </AnimationContainer>
    </>
  );
};

export default BlogPage;

export type PostData = {
  id: PostID;
  title: string;
  content: string;
  slug: string;
  author: PostAuthor;
  category: PostCategory;
  created_by: PostCreatedBy;
  updated_by: PostCreatedBy;
  created_at: string;
  updated_at: string;
  cover: PostCover;
};