ReactToPDF.jsx

import html2canvas from "html2canvas";
import { jsPDF } from "jspdf";


const PDFDownload = () => {
   const ref = React.createRef();
  
   const handleDownloadPdf = async () => {
    const element = ref.current;
    const canvas = await html2canvas(element, {
      allowTaint: false,
      useCORS: true,
    });
    const data = canvas.toDataURL("image/png");
    // document.body.appendChild(canvas);
    const pdf = new jsPDF();
    const imgProperties = pdf.getImageProperties(data);
    const pdfWidth = pdf.internal.pageSize.getWidth();
    const pdfHeight = (imgProperties.height * pdfWidth) / imgProperties.width;

    pdf.addImage(data, "PNG", 0, 0, pdfWidth, pdfHeight);
    pdf.save("file_name.pdf");

    var blob = pdf.output("blob", "file_name.pdf");

     // use blob as you please
  };


  return (
    
    // react code you want to convert to pdf
    <div ref={ref}>
      
    
    </div>
  
}