Unable to make it compatiable with latest version of pdfjs-dist

[Rahul1726260]

Before you start - checklist

• I followed instructions in documentation written for my React-PDF version
• I have checked if this bug is not already reported
• I have checked if an issue is not listed in Known issues
• If I have a problem with PDF rendering, I checked if my PDF renders properly in PDF.js demo

Description

Failed to load pdf

: UnknownErrorException: The API version "3.6.172" does not match the Worker version "3.9.179".

Steps to reproduce

load a pdf with similar version

Expected behavior

Able to load pdf

Actual behavior

Not able to load pdf

Additional information

No response

Environment

• Browser (if applicable):
• React-PDF version:
• React version:
• Webpack version (if applicable):
  "pdfjs-dist": "^3.9.179",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-pdf": "^7.3.2",

[Rahul1726260]

Anyone can please help with compatability issue of react-pdf and pdf-js in react project

[wojtekmaj]

If you have multiple pdfjs-dist versions in your app (I'd advise you not to), default ways of copying/including worker file won't work, because:

When having one copy of pdfjs-dist, it will look like this:

\- node_modules
   |- pdfjs-dist (3.6)
   \- react-pdf

When having multiple copies, it will look like this:

\- node_modules
   |- pdfjs-dist (in your case: 3.9)
   |  \- node_modules
   |     \- pdfjs-dist (in your case: 3.6)
   \- react-pdf

When importing pdfjs-dist directly from your application, you'll import version 3.9, not 3.6.

• If you copy the worker file using Webpack, Vite, or a custom script, you will need to change the directory you're copying from to node_modules/react-pdf/node_modules/pdfjs-dist (as opposed to node_modules/pdfjs-dist).
• You could also get worker file from external CDN (see README), which should work just fine.

[wojtekmaj]

There can be multiple reasons for PDF failing to load, most common are invalid URLs (check Network tab in dev tools for any 404s), and CORS issues (check Console tab in dev tools for any errors/warnings).

[Rahul1726260]

no cors nothing in network , as i install pdfjs-dist wih the specofied verison eveything works fine

[attilaaronnagy]

@types/react-pdf is the one causing the problem (at least for me, if you update that package it resolves the issue)

[wojtekmaj]

You should not update it, you should REMOVE it. It's irrelevant now.

[attilaaronnagy]

yeah, I realised and removed it, node_modules reinstall and everything works. however if somebody just upgrades their package.json they we'll receive this problem upgrading from <7. probably some docs, that hey if you upgrade remove the @types package would be nice.