Getting TypeError: Cannot read properties of undefined (reading ‘toString’) with DatePicker in Ant Design

TypeError: Cannot read properties of undefined (reading ‘toString’) I’m getting this error from dayjs

Full error:

TypeError: Cannot read properties of undefined (reading 'toString')
    at m2.isValid (dayjs.min.js:1:2793)
    at m2.toJSON (dayjs.min.js:1:6195)
    at stringify (<anonymous>)
    at stringifySafely (index.js:37:27)
    at Object.transformRequest (index.js:100:14)
    at transform (transformData.js:22:15)
    at Object.forEach (utils.js:255:10)
    at Object.transformData (transformData.js:21:9)
    at Axios.dispatchRequest (dispatchRequest.js:40:31)
    at Axios.request (Axios.js:148:33)

I have narrowed down the problem to the ant design Date Picker but I cant figure out why. Here is the code for the DatePicker

<div className="info-div w-33">
    <p>
        <Form.Item
            label={<h4 className="text-center" style={{ paddingBottom: 0, marginBottom: 0 }}>Date of Birth</h4>}
            name={["personalInfo", "dateOfBirth"]}
            rules={[
                {
                    required: true,
                    message: 'Please input your Date of birth!',
                }
            ]}
        >
                <DatePicker
                    style={{ width: "375px", height: "32px" }}
                    format="DD-MM-YYYY"
                />
        </Form.Item>
    </p>
</div>

I want to send a api request with data that I get from the form this is what will happen when the code gets submitted:

const onFinish = (values) => {
    const cleanData = removeUndefined(values);
    cleanData.user = auth.currentUser._id;
    cleanData.agency = auth.currentUser.createdBy

    createStudentProfile(cleanData).then(res => {
        console.log(res)
        if (res) {
            navigate("/dashboard")
        }
    })
};

and the api code:

export const createStudentProfile = async (body) => {
    try {
        console.log(body)
        const { data } = await axiosInstance.post("/student/create", body);
        toast.success("Successfully created student profile")
        return data;
    } catch (e) {
        console.log(e)
        if (e?.response?.status === 400) {
            toast.error(e.response.data.error)
            return false;
        } else {
            toast.error("Server error Occurred")
        }
    }
}

I have seen that in most stackoverflow that has faced this question had to do something with .? but i havent even called the personalInfo.dateOfBirth nor have i called the .toString function in my entire code base