선생님 글 삭제에서 id값이 안넘어가집니다.

'use client';

import Link from 'next/link';

const PostList = ({ result }) => {
  const onRemove = (id) => {
    fetch('/api/post/remove', { method: 'DELETE', body: JSON.stringify(id) });
  };

  return (
    <>
      {result.map((data, i) => (
        <div className='list' key={data._id}>
          <div className='item'>
            <div className='emoticon-box'>
              <Link href={`/edit/${data._id}`}>✏️</Link>
              <span onClick={() => onRemove(data._id)}>❌</span>
            </div>
            <h4>
              <Link href={`/detail/${data._id}`}>
                <span>{data.title}</span>
              </Link>
            </h4>
            <p>{data.contents}</p>
          </div>
        </div>
      ))}
    </>
  );
};

export default PostList;

export default async function handler(req, res) {
  if (req.method === 'DELETE') {
// 콘솔 빈값출력됨
    console.log(req.body);
  }
}

이렇게해줬는데  서버쪽에서 id값을 인식을 못합니다.

    fetch('/api/post/remove', { method: 'DELETE', body: id }); 

이부분을 이렇게 해줘도 똑같습니다.

혹시 제가 실수한부분이 어디인지좀 짚어주시면 감사하겠습니다..ㅠㅠ