title: How to hide error message and only highlight field in yup test
body: <p>I have a schema running a number of validations. But I don't want to display some error messages in case of an error although I want the field to be highlighted.
  Giving an empty string instead of an error message results in formik not showing the red input field yet the validation runs. Here is my current code</p>
  <pre><code>const LocationDetailsSchema = Yup.object().shape({
    location: Yup.string(),
    locationCategory: Yup.string(),
    lat: Yup.number()
      .min(-85, &quot;Not a valid Latitude&quot;)
      .max(85, &quot;Not a valid Latitude&quot;)
      .nullable()
      .transform(function(value) {
        return this.isType(value) ? value : null;
      })
      .test(
        &quot;match&quot;,
        &quot;&quot;, //empty string fails, putting a text shows but i don't want the text to appear
        function(){
          if (principalAmount&gt;=500000) return true;
          return false;
        }
      ),
    lon: Yup.number()
      .min(-180, &quot;Not a valid Longitude&quot;)
      .max(180, &quot;Not a valid Longitude&quot;)
      .nullable()
      .transform(function(value) {
        return this.isType(value) ? value : null;
      })
      .test(
        &quot;match&quot;,
        &quot;Is valid&quot;, // this works but i don't want the text to appear either
        function(){
          if (principalAmount&gt;=500000) return true;
          return false;
        }
      ),
  });
  </code></pre>