title: How to make a button work like a html a tag with href
body: <p>I have the functional component below which I want to use
  to download an excel file stored on the server to my computer.
  When I use the html a tag with href, everthing works. Now I decided to change
  this to a button. </p>
  
  <p>How do I call my download function here to download my excel file?</p>
  
  <p>Do I need to dispatch this? </p>
  
  <pre><code>        const MyfirstTest = () =&gt; {
  
            const download = () =&gt; {
              '/api/tester1/tester3'
            }
  
            return (
              &lt;div&gt; 
                &lt;Button
                    variant={'primary'}
                    type={'button'}
                    squared={false}
                    uppercase={true}
                    className={classes.btn}
                    onClick={download}
                  &gt;
                    &lt;IconButton icon={'download'} /&gt;
                    Download File
                  &lt;/Button&gt;
  
                &lt;/div&gt;
            )
          }
  
          export default MyfirstTest
  </code></pre>