title: PDF file not found but correct location?
body: <p>I'm trying to display a PDF on a website. I'm using the package react-pdf. My component looks like this:</p>
  
  <pre><code>import React from 'react';
  import { Document, Page } from 'react-pdf';
  
  export default function Resume() {
      return (
          &lt;Document file="../../resume.pdf"&gt;
              &lt;Page /&gt;
          &lt;/Document&gt;
      )
  }
  </code></pre>
  
  <p>I'm getting this error on the webpage when the component renders:</p>
  
  <pre><code>Failed to load PDF file.
  </code></pre>
  
  <p>My path should be correct. The directory is like this:</p>
  
  <pre><code>src/
    app.js
    index.js
    resume.pdf
    components/
      Resume/
        index.js
  </code></pre>
  
  <p>Could this be an issue with the PDF itself? The PDF is a file I wrote as html/css and Saved As a PDF.</p>