How to Implement User-Controlled Scaling with Dynamic Page Reduction?

[kukakuki]

I’m using @react-pdf/renderer for server-side PDF generation and need to implement a user-controlled scaling feature that allows users to resize the document’s contents up or down proportionally, while ensuring that:

• Page size remains fixed (no resizing of the actual page).
• When scaled down, content reflows dynamically to fill available space, reducing the total number of pages when possible (instead of leaving whitespace).
• When scaled up, content should push to the next page when necessary, increasing the total number of pages when needed.

Questions:

• Does @react-pdf/renderer have built-in support for applying a global scale factor to all content while maintaining proper layout and reflow? If supported, what’s the correct approach to implement this?
• If not directly supported, what would be the best way to approach this as a custom solution?

Any guidance on the best way to accomplish this within @react-pdf/renderer would be greatly appreciated. Thanks in advance! 🙏