React renderer for creating PDF files on the browser and server
Questions tagged [react-pdf]
409 questions
0
votes
0 answers
react-pdf PDFDownloadLink not rendering as a clickable link after running react-app-rewired build
As the title describes, I am using react-pdf to render a link to download a PDF via clicking a link.
This all works great within my localhost server, however after running react-app-rewired build and deploying to my environment, it…

physicsboy
- 5,656
- 17
- 70
- 119
0
votes
0 answers
Table overflowing in react-pdf
Hello I just created a table in react-pdf, when there are too many rows to fit in a single page, some data is not visible
Data overflowing & not visible image
I want it to have data on next page
0
votes
1 answer
React-PDF stripping style from nested components output by render callback
I am attempting to pass a shared component to a element, however it appears that the output has missing style properties...
It appears that the child component's styling is preserved, but any grandchildren do not...
Further…

physicsboy
- 5,656
- 17
- 70
- 119
0
votes
0 answers
Disabling hyphenation callback also breaks ellipsis
I have a table of information where the first column is a username and the rest some product info.
Since usernames are one string with no spaces, I am trying to make it such that the usernames can be obfuscated with ellipsis when the string is…

physicsboy
- 5,656
- 17
- 70
- 119
0
votes
1 answer
Radial-gradient backgroundColor within React-PDF
I am using the React-PDF library and wanting to add a banner across the page with a radial gradient, something simple. However, when I apply the CSS property I've been using in my app, it doesn't seem to accept it...
I have been attempting to…

physicsboy
- 5,656
- 17
- 70
- 119
0
votes
1 answer
How to Use Chart.js or recharts in react-pdf/renderer
I want to create pdf using react-pdf ,but for charts/graphs i have to use Chart.js or recharts ,but directly i can not implement into react-pdf , another option i have seen from a qs:
How to add recharts to react-pdf
but here html-to-image( const…

Amartya Sarkar
- 1
- 1
0
votes
0 answers
How to use update function of usePDF in react-pdf package
When the user clicks on download pdf I want to show the corresponding date and time.
This below code shows date and time when the file first loaded in application not when the user click on download.
How to show current timestamp in pdf?(when the…

sumeeth
- 93
- 5
0
votes
0 answers
Extra text is being displaying at the bottom of Document>Page>bottom(React-Pdf)
The flow is after uploading Pdf I need to render/view the uploaded pdf in next screen. So, to render the pdf I am using "React-Pdf" library. So, I have converted the uploaded pdf to base64 format and gave as a parameter/value to :…

vickey luckey
- 25
- 4
0
votes
0 answers
Using React, Images wont display in pdf-lib after merging with a pdf created in @react-pdf/renderer
Using react I need to first generate a pdf with certain details and images. I then need to merge the pages of this pdf with a pre made pdf stored in assets folder. So i do the following:
Create pdf using react-pdf
Import this and load it using…

Edward Price
- 43
- 7
0
votes
0 answers
Disable screenshot of a pdf in React (web)
In our web application, we are using react-pdf to display different PDFs.
For one of the PDF, there is a requirement that we should not allow user to take screenshot. We are not using React-native.
Now I know that we cannot stop user from taking…

Mohit Chauhan
- 95
- 11
0
votes
0 answers
React PDF: Annotations for a rotated PDF document do not align
When I use react-pdf to render a rotated pdf document containing links, the annotation layer renders with a rotation different from the document. Therefore, the links do not align.
I have deployed an example showing that the highlighted links do not…

Auroratide
- 2,299
- 10
- 15
0
votes
0 answers
How to add Adobe Myungjo font in react-pdf?
I'm using pdfjs(Document) to preview pdf in my site. (not a react-pdf/renderer)
But I can't see some paragraphs with adobe fonts.
How to add options to show adobe font in react-pdf?
(There is solution to add 'standard-fonts', but I need a solution…

ssuoier
- 1
0
votes
0 answers
Problem when I add font in react-pdf to customize i have module parse
When i add the font i have the problem module parse for the react pdf. I try to modify the theme of my pdf. I try to resolve the issue i can't .
When i add the font i have the problem module parse for the react pdf. I try to modify the theme of my…

sla
- 11
- 1
- 2
0
votes
0 answers
react-pdf canvas dynamic drawer
i am working on project for engineering drawing and I need to take measurement from pdf drawings, I found react-pdf where I can use the Canvas component to draw on top of the PDF.
I can't see in the documents how to use the mouse to draw line on…

Abed Aarabi
- 51
- 1
- 5
0
votes
0 answers
Module parse failed: Unexpected character '#' after updating react-pdf package version to 6.2.1
I am using the react-pdf node module package to display PDFs in a React application and running using storybook. Earlier, I was using react-pdf version 4.1.0, and it was working fine, but after updating the package to the latest version, i.e.,…

Asif Iqbal
- 502
- 6
- 24