title: React Dropzone with React Hook Form
body: <p>I'm trying to use <a href="https://github.com/react-dropzone/react-dropzone" rel="nofollow noreferrer">React Dropzone</a> in my form built with React Hook Form, but I can't catch the file on form submission.
  I've tried with <a href="https://react-hook-form.com/api#Controller" rel="nofollow noreferrer">Controller</a>, but not works (works fine without dropzone).</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;S.Dropzone isDragAccept={isDragAccept} {...getRootProps()}&gt;
    &lt;p&gt;Drag 'n' drop file here, or click to select file&lt;/p&gt;
    &lt;input type="file" name="file" ref={register} {...getInputProps()} /&gt;
  &lt;/S.Dropzone&gt;
  </code></pre>
  
  <p>Full code in <a href="https://codesandbox.io/s/react-hook-form-with-react-dropzone-d4o2m?from-embed=&amp;file=/src/App.js" rel="nofollow noreferrer">CodeSandbox</a></p>
  
  <p>If someone could help me to see what is wrong, I appreciate.</p>