React PDF viewer VS react-pdf

I am using a React PDF viewer in my project. I have a react mui dialog component that I use with react draggable to drag it around.

I used react-pdf . It was easy to use and worked great.

I'm trying to use a react library (and see little guide I was using) to view pdf's on my webpage. I installed, got my code to compile, but the component fails completely when I visit the webpage. I'm 99% sure its cause I'm missing some sort of "configuration" file called pdf.worker.js. The github for react pdf indicates this can be generated by something called a "bundler" like webpack.

The library react-pdf is nice for rendering a single page, but doesn't provide a toolbar or a convenient way of lazily loading pages in a scrollable view.

I am new new to react, I am trying to display a pdf file on browser. I am getting an error as failed to load PDF. I am trying to run the sample program given in https://www.npmjs.com/package/react-pdf.

I am following this package https://www.npmjs.com/package/react-pdf

The closest I got was this https://github.com/wojtekmaj/react-pdf. But even this reads one page at a time on mobile.

Now, here's the thing. I'm the maintainer of many popular React packages, React-PDF, React-Calendar, and React-Date-Picker just to name a few. Professionally, I maintain several large projects, which collectively have more than 30,000 Enzyme-based unit tests.

Otherwise try the other "react-pdf" if you simply just want to display an existing pdf (NOT @react-pdf/renderer, the one you have linked): https://github.com/wojtekmaj/react-pdf

This app is made using the react-pdf webpack5 sample repository as a base and then adding my own components on top of it, as part of my previous experiments for react-pdf.