title: error in displaying pdf in react-pdf
body: <p>I am new new to react, I am trying to display a pdf file on browser. I am getting an error as <strong>failed to load PDF</strong>. I am trying to run the sample program given in <a href="https://www.npmjs.com/package/react-pdf" rel="noreferrer">https://www.npmjs.com/package/react-pdf</a>. </p>
  
  <p><strong>App.js</strong> </p>
  
  <pre><code>import React, { Component } from 'react';
  import { Document, Page } from 'react-pdf';  
  
  class MyApp extends Component {
    state = {
      numPages: null,
      pageNumber: 1,
    }
  
    onDocumentLoad = ({ numPages }) =&gt; {
      this.setState({ numPages });
    }
  
    render() {
      const { pageNumber, numPages } = this.state;
  
      return (
        &lt;div&gt;
          &lt;Document
            file="./1.pdf"
            onLoadSuccess={this.onDocumentLoad}
          &gt;
            &lt;Page pageNumber={pageNumber} /&gt;
          &lt;/Document&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default MyApp;
  </code></pre>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import './index.css';
  import App from './App';
  import registerServiceWorker from './registerServiceWorker';
  
  ReactDOM.render(&lt;App /&gt;, document.getElementById('root'));
  registerServiceWorker();
  </code></pre>
  
  <p><strong>Error screenshot</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Uwjdn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Uwjdn.png" alt="enter image description here"></a></p>