How do you print your components?

[briandipalma]

I have a requirement where I need to print an FX trade summary. It's easy enough to get the DOM using a ref and doing an innerHTML into an iframe. The styles of course are all missing. Using server side rendering in the client rendering flow I can gather the styles like so:

  const sheet = new ServerStyleSheet();

  const summaryScreenReactElement = sheet.collectStyles(<Summary />)

  return summaryScreenReactElement;

They are gathered and I can use them in the iframe but they aren't applied in the app. Ideally what I'd like to do is gather them but still apply them to the app. In essence client side styles gathering. Is there an easy way to do this or should I just manage my own style tag using the server side rendering strings?