Как исправить баг с валидацией формы React js?

Question

[nickname13384]

Я пытаюсь валидировать height и width загружаемого изображения на react с помощью Formik и Yup
ссылка https://codesandbox.io/s/kind-architecture-4lgid
Если выбрать изображение больше размером 120 х 120 ошибки не будет, но если загрузить изображение повторно вылетает ошибка
С Formik только начал работать
описание проблемы есть по ссылке

Answer 1

[0xD34F]

.test('fileSizes', 'Resolution at least 120x120px', value => {
  return new Promise(resolve => {
    const img = new Image();
    img.onload = () => resolve(img.width >= 120 && img.height >= 120);
    img.src = window.URL.createObjectURL(value);
  });
})

Comments

[nickname13384]

Спасибо, думал о промисах но не очень понимаю как их использовать