Como gerar um pdf do meu componente react

Olá, eu estou com uma dúvida de como gerar um pdf do meu componente react, testei de diversos packages porém sem sucesso, a última que testei foi o jspdf, ela funciona porém eu teria que reescrever todo o meu código passando coordenadas nele, o meu código teste ficou assim:

import React, { Component } from 'react';
import MyComponent from './MyComponent';
import jsPDF from 'jspdf' 

export default class Teste extends Component {
  constructor(props) {
    super(props)

    this.state = {

    }
  }

  jsPdfGenerator = () => {
    var doc = new jsPDF('p', 'pt');

    doc.setFont('courier');
    doc.text(20, 30, 'This is text with courier font');
    doc.save("generated.pdf");

  }

  render() {
    return (
      <div>
        <button onClick={this.jsPdfGenerator}>Download</button>
      </div>
    );
  }

}  

Eu preciso gerar um pdf de todo o meu componente, se alguém tiver um exemplo, mesmo que seja com outro package me ajudaria muito :heart:
Desde já eu agradeço :heart:

Pq reescrever o código? Qual o problema?

ata, entendi o que vc quis dizer…


Usei essa biblioteca:

Vc tem que passar uma referencia, que vai ser a div que vc quer converter pra pdf

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

  const ref = createRef();
  const options = {
     orientation: 'landscape',
  };

  return (
     <Container ref={ref}>
     {/*Conteúdo da div... */}

     <Pdf targetRef={ref} filename="Conversor.pdf" options={options} >
           {({toPdf}) =>
                <button
                    style={{
                    background: '#000',
                    padding: 10,
                    borderRadius: 4,
                    color: '#fff',
                    fontWeight: 600,
                 }}
                 onClick={toPdf}>
                    Generate Pdf
                 </button>
             }
      </Pdf>
     </Container>
  )
1 curtida

Obrigadinha <3