title: Yup validation, helperText added to MaterialUI Input Component
body: <p>I am using a material UI  to accept file types and upload files, I am trying to integrate Yup validation with this, however Input does not allow for a helperText within its definition, it does allow for a error which will report a red underline when cancelling out of the upload,How can I add on the helperText value to my input and receive a error message? </p>
  
  <pre><code>&lt;FormControl className={classes.margin}&gt;
                        &lt;Input
                          className={classes.fileUpload}
                          type="file"
                          id="file"
                          onChange={onSelectFile}
                          name="file"
                          inputProps={fileRestrict}
                          error={touched.file &amp;&amp; Boolean(errors.file)}
                          helperText={touched.file ? errors.file : ''}
                        /&gt;
                      &lt;/FormControl&gt;
  </code></pre>
  
  <p>The helperText above will never actually render below the input component on the UI, Is there something I should be wrapping the Input within to make this work?</p>
  
  <pre><code>  file: Yup.mixed('Please Select a file').when('isEdit', {
      is: false,
      then: Yup.mixed().required(
        'File is required if you are uploading a document'
      ),
    }),
  </code></pre>
  
  <p>my validationSchema which is passed in via props</p>