mendes5/useExport.js

## useExport.js
const useExport = (tree, documentTitle, ready) => {
  const containerRef = useRef(null);
  const frameRef = useRef();
  const [readyToExport, setReadyToExport] = useState(false);

  useEffect(() => {
    if (!ready) return;

    const sheet = new ServerStyleSheet();

    const out = ReactDOM.renderToString(
      sheet.collectStyles(
        <ThemeProvider>
          <html lang="en">
            <head>
              <title>{documentTitle}</title>
            </head>
            <body>{tree}</body>
          </html>
        </ThemeProvider>
      )
    );

    const domParser = new DOMParser();
    const dom = domParser.parseFromString(out, 'text/html');

    const css = sheet.instance.toString();
    const style = document.createElement('style');
    style.innerHTML = css;

    dom.head.appendChild(style);

    const xml = new XMLSerializer().serializeToString(dom);

    const frame = document.createElement('iframe');
    frame.setAttribute('srcdoc', xml);
    frameRef.current = frame;

    if (containerRef.current) {
      containerRef.current?.appendChild(frame);

      requestAnimationFrame(() => {
        setReadyToExport(true);
      });
    }

    return () => {
      frameRef.current = null;
      frame.remove();
    };
  }, [documentTitle, tree]);

  return {
    exportDocument: () => frameRef.current.contentWindow?.print(),
    readyToExport,
    containerRef,
  };
};
	const useExport = (tree, documentTitle, ready) => {
	const containerRef = useRef(null);
	const frameRef = useRef();
	const [readyToExport, setReadyToExport] = useState(false);

	useEffect(() => {
	if (!ready) return;

	const sheet = new ServerStyleSheet();

	const out = ReactDOM.renderToString(
	sheet.collectStyles(
	<ThemeProvider>
	<html lang="en">
	<head>
	<title>{documentTitle}</title>
	</head>
	<body>{tree}</body>
	</html>
	</ThemeProvider>
	)
	);

	const domParser = new DOMParser();
	const dom = domParser.parseFromString(out, 'text/html');

	const css = sheet.instance.toString();
	const style = document.createElement('style');
	style.innerHTML = css;

	dom.head.appendChild(style);

	const xml = new XMLSerializer().serializeToString(dom);

	const frame = document.createElement('iframe');
	frame.setAttribute('srcdoc', xml);
	frameRef.current = frame;

	if (containerRef.current) {
	containerRef.current?.appendChild(frame);

	requestAnimationFrame(() => {
	setReadyToExport(true);
	});
	}

	return () => {
	frameRef.current = null;
	frame.remove();
	};
	}, [documentTitle, tree]);

	return {
	exportDocument: () => frameRef.current.contentWindow?.print(),
	readyToExport,
	containerRef,
	};
	};