Невозможно удалить по идентификатору из mongoDB в приложении nextjs

Я создаю приложение в NextJS для практики, и мне трудно получить отдельные данные для удаления из базы данных с помощью функции findByIdAndDelete.

CastError: приведение к ObjectId не удалось для значения «не определено» (строка типа) по пути «_id» для модели «Встреча»

./page.jsx:

import AddAppointment from "./addAppointment";
import DeleteAppointment from "./deleteAppointment";
import UpdateAppointment from "./updateAppointment";

async function getAppointment() {
  const res = await fetch("http://localhost:3000/api/appointment", {
    method: "GET",
    cache: "no-store",
  });
  // const data = await res.json();
  return res.json();
}

async function Appointment() {
  const { appointment } = await getAppointment();

  return (

    <div className = "py-10 px-10">
      <div className = "py-2">
        <AddAppointment />
      </div>
      <table className = "table w-full">
        <thead>
          <tr>
            <th>#</th>
            <th>Nama</th>
            <th>Tanggal</th>
            <th>No Telp.</th>
            <th>Terapis</th>
            <th>Status</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody>
          {appointment.map((row, i) => (
            <tr key = {row._id}>
              <td>{i + 1}</td>
              <td>{row.name}</td>
              <td>{row.date}</td>
              <td>{row.phone}</td>
              <td>{row.terapist}</td>
              <td>{row.statust || "unknown"}</td>
              <td className = "flex">
                <UpdateAppointment {...appointment} />
                <DeleteAppointment {...appointment} />
              </td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
}

export default Appointment;

./deleteAppointment.jsx:

"use client";
import { useState } from "react";
import { useRouter } from "next/navigation";

export default function DeleteAppointment() {
  const [modal, setModal] = useState(false);

  const router = useRouter();

  async function handleDelete({ id }) {
    await fetch(`http://localhost:3000/api/appointment?id=${id}`, {
      method: "DELETE",
    });

    router.refresh();
    setModal(false);
  }

  function handleChangeEvent() {
    setModal(!modal);
  }

  return (
    <div>
      <button className = "btn btn-error btn-sm" onClick = {handleChangeEvent}>
        Delete
      </button>

      <input
        type = "checkbox"
        checked = {modal}
        onChange = {handleChangeEvent}
        className = "modal-toggle"
      />

      <div className = "modal">
        <div className = "modal-box">
          <h3 className = "font-bold text-lg">
            Anda yakin untuk menghapus data ""?
          </h3>

          <div className = "modal-action">
            <button type = "button" className = "btn" onClick = {handleChangeEvent}>
              Close
            </button>
            <button type = "button" onClick = {handleDelete} className = "btn">
              Delete
            </button>
          </div>
        </div>
      </div>
    </div>
  );
}

Маршрут API:

import { connectMongoDB } from "@/lib/mongodb";
import Appointment from "@/models/appointment";
import { NextResponse } from "next/server";

export async function DELETE(req) {

  const id = req.nextUrl.searchParams.get("id");
  await connectMongoDB();
  await Appointment.findByIdAndDelete(id);
  return NextResponse.json({ message: "Appointment deleted" }, { status: 200 });
}

Модель:

import mongoose, { Schema, models } from "mongoose";

const appointmentSchema = new Schema(
  {
    name: {
      type: String,
      required: true,
    },
    date: {
      type: String,
      required: true,
    },
    phone: {
      type: String,
      required: true,
    },
    terapist: {
      type: String,
      required: true,
    },
    statust: {
      type: String,
      required: true,
    },
  },
  { timestamps: true }
);

const Appointment =
  models.Appointment || mongoose.model("Appointment", appointmentSchema);
export default Appointment;

CastError: приведение к ObjectId не удалось для значения «не определено» (строка типа) по пути «_id» для модели «Встреча»

Трудно понять, как пройти id и разницу между id и _id.