[BUG] pdfjs-dist loader issue [Update version]

[prafulrajhm]

When I update the package to the latest version, I am getting the below error

How to Reproduce
Steps to reproduce the behavior:

1. Check next js app with all latest versions (Mentioned below)

Expected behavior
Should work!

Details (please complete the following information):

• Device: Desktop
• OS: Windows 10
• Browser: chrome(96.0.4664.45)
• Version: 2.2.3 , React: 16.14.0

Additional context
mozilla/pdf.js#13200

[Luiscastor]

hello, i'm having the same problem. did you find a solution for this?

[prafulrajhm]

hello, i'm having the same problem. did you find a solution for this?

No, I used 2.1.2 only which requires 2.5.207 version of pdfjs-dist.

[Luiscastor]

Okey error is gone but now i got this one Error while reading the pages ! :(

[prafulrajhm]

Okey error is gone but now i got this one Error while reading the pages ! :(

It can be of number of reasons! check the console.

May be pdf file is wrong or the way you are passing the props.

[Luiscastor]

All good, thank u so much bro! I'm gonna be working with this problem jeje xd

[mepritam]

I had the same issue. Just downgrade pdfjs-dist to 2.6.347.
Run npm install [email protected]

[Luiscastor]

Hello sr, I do not know what it's happening. I downgrade pdfjs-dist to 2.6.347. but I'm getting the first error,
the one that you post.

[mepritam]

Okey error is gone but now i got this one Error while reading the pages ! :(

Which one ?

[Luiscastor]

this one bro.

[swingtechnologies]

The below solution works for me
First, install
npm install npm-force-resolutions --save-dev

Then in package.json we need to override the pdfjs-dist version to previous working version like this

"dependencies": {
   "pdf-viewer-reactjs": "2.2.3",
}.
"scripts": {
   "preinstall": "npx npm-force-resolutions"
},
"resolutions": {
    "pdfjs-dist": "2.6.347"
 }

and in scripts section add new preinstall entry:

"preinstall": "npx npm-force-resolutions",
now if you do npm install and run your application it should work. Hope it helps

The root cause of the problem is , though in the dependency package.json has version 2.6.347 for pdfjs-dist since ^ was there before the version number during npm install, it installs the most recent version of pdfjs-dist which is causing this problem.

[WalissonRodrigo]

I'm found this problem and solve using useMemo to generate object url. This commet has details and an example