Works locally, but on server preview shows loading ... and doesnt change.

It works as expected when i run locally. But on my server it keeps saying loading PDF … Also locally i see there is a get request to the url to get the pdf file, but on the server there is no request to get the pdf from url.

Code:

this.state = {
      numPages: null,
      pageNumber: 1,
}

onDocumentLoadSuccess = ({numPages}) => {
    console.log(numPages);
    this.setState({numPages});
}

render() {
    return (
...
<Row>
          <Col xs={12}>
            Test Preview pdf.
          </Col>
          <Document
            file={"https://gsi.berkeley.edu/media/sample-recommendation-letter.pdf"}
            onLoadSuccess={this.onDocumentLoadSuccess}>
            <Page height={150} scale={1} pageNumber={1}
                  onLoadProgress={this.onLoadProgress}/>
          </Document>
</Row>
)
}

Local device:

Server:

and no requests to fetch pdf.

[NikkiTheBugSlayer]

@cbaron That worked thanks

[cbaron]

A similar thing is happening to me.

import { Page, Document } from 'react-pdf/dist/entry.webpack';

No request is being made to get the worker.