MUI DatePicker n'est pas compatible avec Formik : date.isBefore n'est pas disponible

Question

J'utilise Formik pour créer un formulaire dans React et j'utilise également des composants MUI.Le problème est que j'obtiens l'erreur suivante :

date.isBefore n'est pas une fonction
TypeError : date.isBefore n'est pas une fonction
    sur DayjsUtils.isBeforeDay (http://localhost:3000/static/js/bundle.js:2319:19)
    à validateDate (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:10596:43)
    sur useValidation (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:10654:27)
    sur usePickerValue (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:10019:75)
    sur usePicker (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:9876:94)
    sur useDesktopPicker (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:7848:60)
    sur DesktopDatePicker (http://localhost:3000/main.aa62b4b6c891ec5ff2b0.hot-update.js:3956:90)
    sur renderWithHooks (http://localhost:3000/static/js/bundle.js:103306:22)
    sur updateForwardRef (http://localhost:3000/static/js/bundle.js:105877:24)
    àbeginWork (http://localhost:3000/static/js/bundle.js:107924:20)

Voici mon code :

          {({ valeurs, handleChange, handleSubmit, setFieldValue }) =>
            

                  
                    
                      
                      
                    
              ≪/Boîte>
            
          )}≪/Formik>≪/pre>
Voici le mode et les valeurs initiales : 
const projectSchema = yup.object().shape({
  project_start : ouais.date(),
  project_end : ouais.date(),
  nom_du projet : yup.string().required("required"),
  userId : ouais.string(),
  ID partenaire : ouais.string(),
  CategoryId : ouais.string(),
});

const initialValuesProject = {
  projet_start : Date.now(),
  projet_end : Date.now(),
  nom_projet : "",
  identifiant utilisateur : "",
  ID partenaire : "",
  ID de catégorie : "",
};
Un grand merci à tous ceux qui pourront m'aider <3
Être capable de faire fonctionner le sélecteur de date
            

Answer 1

On dirait que le problème est là :

project_start: Date.now(),
project_end: Date.now(),

Le type de project_start et project_end doit être Dayjs :

import dayjs, { Dayjs } from 'dayjs';

const initialValuesProject = {
  project_start: dayjs(Date.now()),
  project_end: dayjs(Date.now()),
  project_name: "",
  usersId: "",
  partnerId: "",
  categoryId: "",
};