Javascript 使用NextJS+MongoDB+Prisma ORM获取无效请求正文，无法发布错误

我正在try 从POST文件发送POST请求，但我收到以下错误消息:我命中了错误的端点还是什么？

Error parsing request body: ReferenceError: title is not defined
    at handler (webpack-internal:///(api)/./Pages/api/post/index.js:7:12)
    at M:\Projects\squeeze\node_modules\next\dist\compiled\next-server\pages-api.runtime.dev.js:21:3039
    at M:\Projects\squeeze\node_modules\next\dist\server\lib\trace\tracer.js:133:36
    at NoopContextManager.with 

我正试着从POST表格中推送post title和布尔true/false.但我收到了很多错误，

下面的代码是位于./Components/Posts.tsx的Posts.tsx

import React from "react";

type Props = {
  title: String;
  published: boolean;
};

const Posts = (props: Props) => {
  const [postTitle, setPostTitle] = React.useState<any>("");
  const [published, setPublished] = React.useState<boolean>(false);

  const createPosts = async (e: React.FormEvent) => {
    e.preventDefault();

    if (!postTitle) {
      alert("Title is required");
      return;
    }
    try {
      const apiURL = "/api/posts";
      const requestedData = {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({ title: postTitle, published }),
      };
      const response = await fetch(apiURL, requestedData);
      const data = await response.json();
      console.log(data);
      if (!response.ok) {
        alert(`Failed to post : ${postTitle}`);
        return;
      }
      setPostTitle("");
      setPublished(false);
    } catch (error) {
      console.log(error);
    }
  };

  return (
    <form>
      <input
        type="text"
        value={postTitle}
        onChange={(e) => {
          setPostTitle(e.target.value);
        }}
      />
      <input type="text" className="text-black" onChange={(e) => {}} />
      <button onClick={createPosts} className="text-white">
        Create Posts
      </button>
    </form>
  );
};

export default Posts;

API代码

Pages/api/post/index.js

export default function handler(req, res) {
  try {
    ({ title, published } = req.body);
    if (!title) {
      throw new Error("Title is missing in request body");
    }
  } catch (error) {
    console.error("Error parsing request body:", error);
    res.status(400).json({ error: "Invalid request body" });
    return;
  }
}

棱镜方案

datasource db {
  provider = "mongodb"
  url      = env("DATABASE_URL")
}

generator client {
  provider = "prisma-client-js"
}

model Post {
  id        String   @id @default(auto()) @map("_id") @db.ObjectId
  title     String
  published Boolean  @default(false)
  createdAt DateTime @default(now())
}

请帮帮我，我对API路由和所有这些都是新手.谢谢