title: How to add recharts to react-pdf
body: <p>I am using '<strong>recharts</strong>' to create graphs for my project,
  and '<strong>react-pdf</strong>' for generating a report.
  '<strong>Recharts</strong>' creates a svg on the DOM when using it and a graph is displayed.</p>
  <p>Is there a way I can use these two together, and add my '<strong>recharts</strong>' component to my report via react-pdf?
  for example - inside a <code>&lt;Document/&gt;</code> tag.</p>
  <p><a href="https://react-pdf.org/" rel="nofollow noreferrer">react-pdf link to website</a></p>
  <p><a href="https://recharts.org/en-US/" rel="nofollow noreferrer">recharts link to website</a></p>
  <p>I have seen a solution which offers to convert the <strong>rechart's</strong> svg to a png, save it locally and then import it and use via <code>&lt;Image/&gt;</code> component in react-pdf.</p>
  <p>Looking for a more straightforward approach to this issue.</p>