How to fix React js form validation bug?

Question

JavaScript

I'm trying to validate the height and width of the uploaded image in react using Formik and Yup
link https://codesandbox.io/s/kind-architecture-4lgid
If you select an image larger than 120 x 120, there will be no error, but if you upload the image repeatedly, an error occurs
With Formik just started working
, the description of the problem is at the link

Answer 1

.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);
  });
})