dynamic route

[김병화]

import { connectDB } from '@/util/database';
import { ObjectId } from 'mongodb';

export default async function Detail(props) {
    let db = (await connectDB).db('forum');
    let result = await db.collection('post').findOne({ _id: new ObjectId(props.params.id) });

    // console.log(props.params.id);
    // let paramsId = props.params.id;
    // console.log('here', paramsId);

    return (
        <div>
            <h4>상세페이지임</h4>
            <h4>글제목</h4>
            <p>글내용</p>
        </div>
    );
}

제 코드인데요, 
let result = await db.collection('post').findOne({ _id: new ObjectId(props.params.id) }); 여기서,
Error: Argument passed in must be a string of 12 bytes or a string of 24 hex characters or an integer 해당 오류가 발생합니다.

구글링 해보니 objectid 안에 옳지 않은 type이 들어가서 발생하는 오류같은데,
저는 console.log 찍어봐도 string으로 옳게 들어가는데 왜 오류가 발생하는건가요?
선생님 코드 복붙해봐도 마찬가지입니다.

[codingapple]

props.params.id 출력했을때 글자수가맞는지 이상한 object자료는아닌지 확인해봅시다

[글쓴이]

글