date.locale is not a function

在使用antd的日期组件的过程中，我想要在form表单中将已经生成好的日期数据显示在DatePicker中，应该这样去处理：

{
    "info": "Scott Robinson",
    "infoimage": [
        "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
    ],
    "url": "wais://tgcpiwl.bm/syuehvmd",
    "ip": "149.87.108.249",
    "address": "上海 上海市 虹口区",
    "date": "1989-03-01T00:00:00.000Z",
    "email": "v.kgmtrgfxcm@shnuycmbc.info",
    "text": "现科电东件象两算它做民派越音。指认满容必五员观毛小体进史向际些。"
}

<Form.Item
      label="日期"
      name="date"
      rules={[{ required: true, message: '日期不能为空!' }]}
      >
        <DatePicker />
</Form.Item>

// record是需要回显的数据
const obj = record;
obj.date = dayjs(new Date(record.date));
// setIsRecord是对form表单的数据对象进行赋值
setIsRecord(obj);

参考链接：
https://codesandbox.io/s/antd-reproduction-template-forked-4mv33s?file=/index.js