Serialize a component before passing to render function?

[Taaqif]

Is it possible to pre-render a PDF by creating a react component and then passing that serialized copy to the pdf renderer?

I am trying to generate large PDF's and using a web worker but the issue is that the PDFs are generated using DOM elements and other properties not available in web workers (like css variables)

My ideal scenario will be to render the component in the main thread then pass the serialized component to the web-worker.
Something like

const component = <Document><Page>{...logic}</Page></Document>;
const serialised = component.toStream(); // this is where it would be great to serialise into a string, binary etc
const blob = await webWorker.renderPdfBlob(serialised);

The webworker can deserialise and pass that into pdf(deserialised).toBlob();