title: Material UI: File Upload using ButtonBase
body: <p>In Material UI Documentation, they showed how to create an "Upload" button by hiding the input file and then adding the Button component inside the label. (see: <a href="https://material-ui.com/demos/buttons/" rel="nofollow noreferrer">https://material-ui.com/demos/buttons/</a>)</p>
  
  <p>Now, I want a different button, so I'm working with ButtonBase but it's not working - file select pop-up doesn't show. I'm not sure if I'm missing anything, maybe I'm missing some parameter to pass it?</p>
  
  <pre><code>&lt;input
      accept="image/*"
      className="d-none"
      id="image-upload"
      type="file"
    /&gt;
    &lt;label htmlFor="image-upload"
      className="d-block" &gt;
      &lt;Button component="span"&gt;
        Upload
      &lt;/Button&gt; {/* working */}
      &lt;ButtonBase&gt;
        test
      &lt;/ButtonBase&gt;  {/* not working*/}
   &lt;/label&gt;
  </code></pre>
  
  <p>ButtonBase API: <a href="https://material-ui.com/api/button-base/" rel="nofollow noreferrer">https://material-ui.com/api/button-base/</a></p>