title: How to create a download link (PDF) in React
body: <p>The PDF file is in my local folder. In fact the same folder where my component is:</p>
  <p><a href="https://i.stack.imgur.com/KUHOo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KUHOo.png" alt="enter image description here" /></a></p>
  <p>I checked few answers on stackoverflow and my code is:</p>
  <pre><code>...
  const Footer = (props) =&gt; {
      return (
        &lt;a href=&quot;./Tanzeel_Mirza_Resume.pdf&quot; download=&quot;Tanzeel_Mirza_Resume.pdf&quot;&gt;Download&lt;/a&gt;
      )
  }
  ...
  </code></pre>
  <p>When I click on this link, the PDF gets downloaded but it is blank and size is also 9kb while the actual PDF is 2MB in size.</p>
  <p>Clearly I'm doing some silly mistake here. Please point it out.</p>