title: Duplicate Errors on Formik/Yup Validation
body: <p>I'm using the following validation schema in Formik:</p>
  <pre class="lang-js prettyprint-override"><code>
      validationSchema = {
        Yup.object({
          emails: Yup.array()
            .of(Yup.string().email('Please enter valid email addresses only.'))
            .min(1, 'At least one email address is required.')
        })
      }
  
  </code></pre>
  <p>It works very well, except that, since I'm using a Material UI <a href="https://material-ui.com/components/autocomplete" rel="nofollow noreferrer">AutoComplete</a> component, when the user enters multiple invalid email addresses, they get to see the error message once per invalid email address.</p>
  <p>Any way around this?</p>
  <p>Here's a sandbox link: <a href="https://codesandbox.io/s/wild-sea-h2i0m?file=/src/App.tsx" rel="nofollow noreferrer">https://codesandbox.io/s/wild-sea-h2i0m?file=/src/App.tsx</a></p>