react-pdf-js-infinite | A React component to wrap PDF.js | Frontend Framework library

I am trying to show a static pdf in React app. I have tried a lot of packages:

react-pdf

react-pdf-js

react-pdf-js-infinite

simple-react-pdf

pdfjs-dist

react-pdf-pages

They often say that we can use the URL, or pdf file for the props for the PDF component easily, but I cannot use either.

I had two main errors.

1. As I want to use myPDF for the props for the component, I write this:

   import myPDF from 'path/to/pdf_file';

then, render_some_component pdf:{myPDF}

Here is the error:

ModuleParseError in Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type. (Source code omitted for this binary file)

(When I comment that line, this kind of error disappears)

I used the file-loader in webpack config, I have tried many different ways but failed.

1. I use the pdf file directly for the props like this:

   render_some_component pdf:{'path/to/pdf_file'}

   • In the Console:

Warning: Setting up fake worker.

11:23:55.962 pdf.worker.js:349 Warning: Ignoring invalid character "33" in hex string

11:23:55.963 pdf.worker.js:349 Warning: Ignoring invalid character "79" in hex string

... There are a lot of 'Ignoring invalid character' like that and it always ends with:

localhost/:1 Uncaught (in promise) InvalidPDFException {name: "InvalidPDFException", message: "Invalid PDF structure"}

• In the Network, Headers, I see:

Request URL:http://localhost:3000/myPdfFile.pdf

Request Method:GET

Status Code:200 OK

Remote Address:127.0.0.1:3000

• but In the Network, Response, I see just the HTML layout.

I think the pdf file is loaded correctly but the package cannot recognize its PDF structure.

Except that two main errors, I had another error related to the Worker used in the packages but I don't know how to fix it:

Uncaught DOMException: Failed to construct 'Worker'

(This is something relates to Chrome as people say Chrome does not allow Worker in the local server)

Any help is highly appreciated as I am stuck in this in 4 days already.