ant.design v5.2.0 - date.locale is not a function rewritten as: "ant.design v5.2.0 - date.locale is not a callable function"

Question

I have the following question:

I'm using version 5.2.0 of ant.design. When I use the component using:

;

If I don't specify the default value as dayjs

, I don't get the error, but I don't get the prepopulated value in the date picker either.

What else can I try?

This is an excerpt from the source code:

<Form
    form={formRef}
    onFinish={handleSubmit}
    initialValues={{...collaboration, dueDate: dayjs(collaboration.dueDate)}}
>
    <Form.Item label="DatePicker" name={"dueDate"} rules={[{ required: true, message: 'Please select time!' }]}>
         <DatePicker style={{width: "100%"}}/>
    </Form.Item>
</Form>

Answer 1

This is a sandbox for this case: https://codesandbox.io/s/antd-reproduction-template-forked-4mv33s?file=/index.js

edit: Works fine in sandbox :D