How to View Pdf in React using React PDF || React PDF Viewer || Full setup React PDF || React JS

Hello Guys,
In this video I have shown how you can show pdf in react js. For this I have used a package known as React-PDF. I have shown pdf from file location and also from mongo db.
Not only this we also have customized the view of React-Pdf and added some feature.

Frontend Code:

Backend Code:

Thank You.

[meredithwhite]

Thank you ! I've been trying to load a PDF in my react app and kept getting this error Error: Invariant failed: Invalid parameter object: need either .data, .range or .url. I wasn't importing pdfjs and I had the pdf worker wrong, so this video helped me correct my error.

[demn]

brother can we highlight certain text on pdf, that are passed in as input.

[ethancolin]

Thank you sir, had a hard time loading a pdf until I came across your video!

[NishantSingh-briu]

Very Helpful I can't explain in words Saved lot of time

[codeawezpassion]

Ooo my god .Thank you so much for the line page where we have applied renderedTextLayer.I have been working on this how to remove that part ..I got your video thanks a lot .Love from delhi❤❤❤

[WidhianiAgustin]

Hey thanks for the tutorial, but do you know why i always got "Failed to load PDF file." I've also try to clone your repo but still got the same result

[acloudonthebluestsky]

how to display file PDF with base64 or binary files boss ?

[DeadManInc-tcex]

hi Great vid, helpfull. just one concern, How to render to a specific page directly. like if I pass a page number, it should load pdf from that page only, could you help on that ? also highlighting of certain text in pdf

[clypy]

I just graduate and got hired in alturas group of companies in july and resigned in september because I only help with two features. And now I am trying to learn react.. bro can you make a simple e-commerce website using react and explain every code.. i've seen this video of yours because i am trying to make my mothers(shes a teacher) job easier and of course my experience because i have a lot to learn, bro i would really appreciate it if you make a vid about full e-com vid with mongodb or xampp or anything as long as its locally stored all of us really dont care about the design because i am in the office and the functionality is the most important thing i have notice there. Pretty Please BRO.

[upendranayanajith]

thank you soo much, this was a great help to build my custom pdf viewer

[jhungulle]

Thank you, it was very clear, I was able to code along. Superb tutorial!

[jspua]

sorry, may I ask for updating the pdf and picture using multer?

[vishalsaini-tj]

Thanks @TheDebugArena for the wonderful video. My scenario is little different Can you please tell how can i convert my react component to pdf and download the pdf on a button click

[LandBank-sl]

I have an error that only the pagenumber showing on the screen I want also to display the text from pdf how to fix this?

[Dhanushsaji]

If I'm getting pdf link which is stored in AWS how can I show it ?
React-pdf isn't working for pdf link

[chickenchoclates]

Great video finally able to render PDF file.

[mdhasanmia]

How fix height width when load success according to my container width - height.
Actually when i use big size pdf its show scroolbar Thats why i want to fix height width with my containersize

[sbharathkumar]

How to convert react jsx into pdf with fixed header and footer

[Jaksteroide]

Very good video, simple and understandable (Liked)

[mastersorcerer]

Nice, buddy. Amazing content!! Keep going!