Content Overlap with Footer in PDF Generation

[Rajat-Autofacets]

Issue:
I’m experiencing an issue with react-pdf where dynamic content in my PDF is sometimes hidden under the footer section. When the content length exceeds a certain limit, it overlaps with the footer, causing part of the content to be obscured.

Expected Behavior:
The content should adjust dynamically to avoid overlapping with the footer. There should be enough space between the content and the footer to ensure that all content is visible.

Environment:
"@react-pdf/renderer": "^3.0.2"
"react": "^18.2.0"

<Document> <Page style={{ fontFamily: fontFamily, paddingBottom: 40 }} wrap={true}> <Header data={props.header} /> <ComponentA data={props} /> <ComponentB data={props} /> <ComponentC data={props} /> <Footer data={props.footer} /> </page> </Document>

const FooterStyle: Style = { backgroundColor: backgroundCard, position: 'absolute', bottom: 0, padding: '5 15', };

const Footer = (props) => { <View fixed style={FooterStyle}> // Footer content here </View> }

const Header = (props) => { return ( <View fixed> // Header content here </View> ); };