如何传入当前日期React JS Mongo

import React, { useState, useEffect } from 'react';
import { MongoClient } from 'mongodb';

function CurrentDate() {
  const [currentDate, setCurrentDate] = useState('');

  useEffect(() => {
    // 在组件加载时获取当前日期
    const fetchCurrentDate = async () => {
      const client = new MongoClient('<MongoDB连接字符串>');
      await client.connect();
      const db = client.db('<数据库名称>');
      const collection = db.collection('<集合名称>');
      const currentDate = new Date();
      setCurrentDate(currentDate);
      await collection.insertOne({ date: currentDate });
      client.close();
    };

    fetchCurrentDate();
  }, []);

  return (
    <div>
      <h1>当前日期：{currentDate}</h1>
    </div>
  );
}