реагировать pdf не генерируется нажатием кнопки, как ожидалось

Question

, поэтому я пытаюсь экспортировать контент на моей странице реакции в PDF одним нажатием кнопки, и мне сложно понять, как это сделать. Я пробовал этот пример, который я нашел в Интернете, это самое близкое, что кажется, что он может работать, но кнопка ничего не делает. Я новичок в реакции, поэтому любая помощь будет полезна.

import React from "react";
import ReactDOM from "react-dom";
import Pdf from "react-to-pdf";


const ref = React.createRef();

function pdfExport() {
  var pdfStyle = {
    fontFamily: "Open Sans",
    textAlign: "center"
  }

  return (
    <div style={pdfStyle} className="pdf">
      <Pdf targetRef={ref} filename="code-example.pdf">
        {({ toPdf }) => <button onClick={toPdf}>Generate Pdf</button>}
      </Pdf>
      <div ref={ref}>
        <h1>Hello CodeSandbox</h1>
        <h2>Start editing to see some magic dsdfhappen!</h2>
      </div>
    </div>
  );
}

ReactDOM.render(
  <pdfExport/>,
  "Directory\\where\\doc\\gets\\saved\\ ",

  document.getElementById("pdf")

);