mongodb 데이터 불러오던 중 에러 발생

동적 라우터 강의를 수강하며, /detail/[detailPage]/123123 이렇게 작성했을 때도 잘 작동되고 있었습니다.

그러던 중 이 부분의 코드를 추가하고나서 계속해서 같은 에러가 발생하고있습니다.
const client = await connectDB;
const db = client.db("forum");
let result = await db.collection("post").findOne({ _id: new ObjectId("64f837f6c7aad52050c97cd9") });
데이터를 불러오는 다른 페이지에서도 에러가 발생합니다.

```jsx
import { ObjectId } from "mongodb";
import { connectDB } from "@/util/database.js";

export default async function Detail() {
  const client = await connectDB;
  const db = client.db("forum");
  let result = await db.collection("post").findOne({ _id: new ObjectId("64f837f6c7aad52050c97cd9") });
  // console.log(result);
  return (
    <div>
      <h2>상세페이지임</h2>
      <h3>글제목</h3>
      <p>컨텐츠</p>
    </div>
  );
}
```






경고: useNewUrlParser는 더 이상 사용되지 않는 옵션입니다.
useNewUrlParser는 Node.js 드라이버 버전 4.0.0 이후에는 적용되지 않으며 다음 주 버전에서는 제거됩니다.

라길래 useNewUrlParser에 문제가 있는건가 싶어 지워봤는데도 에러가 사라지지 않습니다.
어디가 문제인지 못찾겠슴다,,,ㅠ