title: Linking to pdf in public/ directory in create-react-app
body: <p>I'm looking to place a small amount of pdf files in my public/ directory in my React app created with create-react-app.</p>
  <p>Something similar to the directory structure below:</p>
  <pre><code>public/
   - dir/
   -- a.pdf
   -- b.pdf
  
  </code></pre>
  <p>However, the links seem to be broken in prod when referencing them as <code>&lt;a href=&quot;dir/a.pdf&quot;&gt;&lt;/a&gt;</code>, while working fine in my local dev environment. So I have a few questions:</p>
  <ol>
  <li>Is it bad practice and/or unsupported to host pdf files in &quot;public/&quot;?</li>
  <li>If not, is there an appropriate way to reference these files so that they work both on localhost and in a production / hosted environment (AWS Amplify in this case)?</li>
  </ol>
  <p>Ideally, these files would be hosted elsewhere (e.g. AWS S3) and imported, especially in the case where the number of files is large. However, I'm looking to do this to save time and reduce the number of dependencies / setup for this small project.</p>