Vercel 배포 에러 문의드립니다.

네 로컬 프로젝트 확인중인데요. 서버콘솔에 다음과 같은 경고가 떴는데 혹시 상관있을까요? 그리고 이 경고 메시지는 어떻게 해결할 수 있나요?

============================
Warning: Only plain objects can be passed to Client Components from Server Components. Objects with toJSON methods are not supported. Convert it manually to a simple value before passing it to props. 
  {_id: {}, title: "a", content: "bb"}  
        ^^

======================

아래는 해당 경고가 있는 ListItem.js 파일입니다.

======================

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

export const dynamic = 'force-dynamic'
// export const revalidate = 10;

export default async function List() {

    const db = (await connectDB).db("forum")
    let result = await db.collection('post').find().toArray()
    return (
        <div className="list-bg">
            <ListItem result={result} />
            <Link href="/write">글작성하기</Link>
        </div >
    )
}

======================

아래는 ListItem.js 파일입니다.

======================

'use client'

import Link from "next/link";

export default function ListItem({ result }) {

    return (
        <div>
            {
                result.map((a, i) =>

                    <div className="list-item" key={i}>
                        <Link href={`/detail/${result[i]._id}`}>
                            <h4>{a.title}</h4>
                        </Link>
                        <Link href={`/edit/${result[i]._id}`}>✏️</Link>
                        <span onClick={(e) => {
                            fetch('/api/post/delete', {
                                method: 'DELETE',
                                body: result[i]._id
                            })
                                .then((r) => {
                                    return r.json()
                                })
                                .then((result) => {

                                    if (result.status == 200) {
                                        e.target.parentElement.style.opacity = 0
                                        setTimeout(() => {
                                            e.target.parentElement.style.display = 'none';
                                        }, 1000)
                                    } else { console.log(result) }
                                }).catch((error) => {
                                    console.log(error)
                                })
                        }}>🗑️</span>
                        <p>1월1일</p>
                    </div>
                )
            }
        </div >
    );
}