dynamically load pdf file

Answered

Arthur posted this in #help-forum

2023-10-30T13:03:09.000Z

I am trying to use react-pdf to load a pdf file from an api request.

Answered by Arthur

Minor detail: Forgot to add data:application/pdf;base64, but added it now (still no change)

15 Replies

2023-10-30T13:03:39.000Z

Currently I have this

I can't use Uint8Array because nextjs doesnt allow you to pass Uint8Array from server to client

then I reconvert the base64 to a buffer array but it wont show the pdf file

keeps saying this

2023-10-30T13:10:23.000Z

Minor detail: Forgot to add data:application/pdf;base64, but added it now (still no change)

Answer

2023-10-30T13:50:48.000Z

not actually the answer but got it working

2023-10-30T14:56:25.000Z

If I may, this exactly a use case for route handler

where is fetchInvoicePdf used?

in your setup I find it a bit weird to download the PDF from the source from the clienty

it's harder to secure because you have to make your invoice api endpoint public

you could have a Route Handler that downloads the PDF from your 3rd party API, and call this route handler from your React component

=> this gives you more control over the format, security etc. because you handle the "hard" part server-side

and then client-side you just do a simple call

anyway if you have smth that works it's cool