삭제기능 강의들으면서 코드짰는데 오류나요

Unhandled Runtime Error
SyntaxError: "undefined" is not valid JSON
Call Stack
JSON.parse
이게 오류내용이고
강의대로 코드 짰고 오류 못찾겠어서 질문드립니다

[[[list/ListItem.js]]]

'use client';

import Link from "next/link"

export default async function ListItem({result}){  
  return (
    <div>
      { result.map((a, i)=>
          <div className="list-item" key = {i}>
            <Link href={'/detail/' + result[i]._id}>{result[i].title}</Link>
            <Link href={'/edit/' + result[i]._id} className="list-btn">수정</Link>
            <span onClick={()=>{
              fetch('/api/post/delete', {method : 'DELETE', body : result[i]._id})
              .then(()=>{
                console.log(123123)
              })
            }}>삭제</span>
            <p>1월 1일</p>
          </div>
        )}    
    </div>
  )
}


[[[list/page.js]]]

import { connectDB } from "@/util/database.js"
import Link from "next/link";
import ListItem from "./ListItem.js"

export default async function List() {
  let db = (await connectDB).db('forum')
  let result = await db.collection('post').find().toArray()
  return (
    <div className="list-bg">
      <ListItem result={result}/>
    </div>
  )
}


[[[post/detete.js]]]

import { connectDB } from "@/util/database";

export default async function handler(요청, 응답){
  if (요청.method == 'DELETE'){
    
    let db = (await connectDB).db('forum')
    let result = await db.collection('post').deleteOne({ _id : new ObjectId(요청.body)})
    console.log(요청.body)
    응답.status(200).json('삭제완료')
  }
}

넥스트 버전이 최신꺼라서 오류인건가해서 package.json 에서 "next": "13.2.4" 로 변경해봤는데도 오류가
그대로입니다.