How can I find out if an element is at the end of the page in order to wrap it to the next page if it doesn't fit?

I have bunch of tables in the PDF file. If a table reaches the end of the pages, I want to render table headers in the next page along with the rest of the data instead of wrapping it. Is it possible with React PDF? The generated content is all dynamic (fetched from server); so there is no way for me to know the location of the object beforehand. I want to implement this dynamically.