React - Walidacja obrazków w Formik + Yup

Question

Cześć.

Mam na stronie napisanej w React formularz, w którym jest input type file, chciałbym go zwalidować, ale w dokumentacji nie ma słowa o walidacji obrazków. Na stackoverflow znalazłem coś takiego:
 

        img:
                Yup.mixed()
                    .test(
                        'fileSize',
                        'Size',
                        value => value && value.size <= 124000
                    )
                    .test(
                        'fileType',
                        'Format',
                        value => value && ['image/jpg', 'image/jpeg', 'image/gif', 'image/png'].includes(value.type)
                    )
                    .optional(),

ale kod mi nie działa. Konkretnie chodzi mi o to, że gdy mam taką walidacje obrazka to nie wywołuje się kod w metodzie onSubmit, po zakomentowaniu go onSubmit działa.

Comments

Wystaw gdzieś kod demo

---

Kod demo czyli co konkretnie? To co wyżej podesłałem to całość kodu odpowiadającego za walidację obrazka. Gdy go usuwam z komponentu to reszta ładnie działa więc na 100% problem jest w tym co podesłałem wyżej.

---

Kod demo czyli co konkretnie? To co wyżej podesłałem to całość kodu odpowiadającego za walidację obrazka. Gdy go usuwam z komponentu to reszta ładnie działa więc na 100% problem jest w tym co podesłałem wyżej.

Konsola nie wyrzuca błędów oczywiście.

---

wstaw to np tutaj - https://codesandbox.io/s/zKrK5YLDZ