PDF generation freezes browser tab

[xbrny]

Describe the bug
PDF generation freezes browser tab

To Reproduce

1. Open this react-pdf REPL
2. Uncomment this line (8): // marginBottom: 32,

For now, I'm using paddingBottom instead of marginBottom as a workaround.

Expected behavior
Should be able to generate and load the PDF

Screenshots

Note that the preview is greyed out due to being unresponsive:

Desktop (please complete the following information):

• OS: Windows 10
• Browser Microsoft Edge
• React-pdf version: using REPL

[garmyhr]

We also experience this issue with PDF generation. Our application runs in a linux environment, and the bug happens in both Chrome and Firefox. We use @react-pdf/renderer version 3.3.8

[DiegoSandovalV]

I'm facing the same issue. the bug happens in chrome, safari and Firefox. version 4.3

[renchix]

Users also complaining on freezing browser on 30+ page file generation.

[kwalk2108]

I'm also trying find a solution for this issue. I'm generating a PDF file with a Blob and encountering slowness at 30+ pages. Is the only workaround to generate the PDF with a Web Worker or server-side so the main thread isn't blocked?

[diegomura]

Should be fixed by #3502