Я получаю ошибку проверки даже после выбора правильного типа файла. я использую формик и да

Я получаю сообщение об ошибке проверки даже после выбора правильного типа файла. Я использую Ага для проверки

file: Yup.mixed().when("showfile", {
            is: true,
            then: Yup.mixed()
                .nullable()
                .required("File is Required")
                .test(
                    "FILE_SIZE",
                    "Uploaded file is too big.",
                    (value) => !value || (value && value.size <= FILE_SIZE)
                )
                .test(
                    "FILE_FORMAT",
                    "Uploaded file has unsupported format.",
                    (value) => !value || (value && SUPPORTED_FORMATS.includes(value.type))
                ),

Я обрабатываю поле своего файла с помощью formik и Получение ошибки проверки файла даже после выбора правильного файла

<TextField
                                    label="Resume"
                                    star="*"
                                    color="red"
                                    name="file"
                                    type="file"
                                    accept=".pdf ,.docx,.doc "
                                    onChange={(event) => {
                                        formik.setFieldValue("file", event.currentTarget.files[0]);
                                        formik.setFieldValue("showfile", true);
                                    }}
                                    value={formik.values.file}
                                />

person shubham sourabh    schedule 29.04.2021    source источник
comment
Не могли бы вы поделиться ссылкой на codeandbox?   -  person S Mahajan    schedule 29.04.2021
comment
Вот ссылка codepen.io/LuckyShubham/pen/vYgwQMr   -  person shubham sourabh    schedule 29.04.2021
comment
Это всего лишь однокомпонентный код ....   -  person shubham sourabh    schedule 29.04.2021