Formik, React-Datepicker error

                    <FormikDatePicker name="time" className='input' placeholder="Time" />

            <Formik
                initialValues={{
                    name: '',
                    points: 1,
                    image: 'https://placehold.co/600x400.png',
                    description: '',
                    time: new Date()


                }}
                onSubmit={(
                    values: Values,
                    { resetForm }: FormikHelpers<Values>
                ) => {

                    mutate({
                        data: {
                            name: values.name,
                            points: values.points,
                            image: values.image,
                            description: values.description,
                            clubId: String(clubId),
                            time: values.time,


                        }

                    })
                }}
            >

import { useFormikContext } from "formik";
import React from "react"; 
import DatePicker from "react-datepicker"; 
import "react-datepicker/dist/react-datepicker.css"; 

const FormikDatePicker = (props) => {
  const formik = useFormikContext(); // or `const [field] = useField(props);`

  return <DatePicker 
    timeLabelInput="Time:"
    dateFormat="MMMM d, yyyy h:mm aa" 
    showTimeInput
    onChange={formik.handleChange(props.name) /* or `field.onChange` */} {...props} />
}

export default FormikDatePicker;