React-pdf: Uncaught (in promise) TypeError: Cannot read property 'slice' of undefined

Created on 7 Jul 2020 · 9Comments · Source: diegomura/react-pdf

when I try generate blob from my document, then TypeError occured

import { pdf } from "@react-pdf/renderer";
import { saveAs } from "file-saver";

const downloadPdf = async () => {
    const blob = await pdf(<Document />).toBlob();  //error here
    saveAs(blob, "document.pdf");
  };

Source

jarjav

👍2

Most helpful comment

@nicholasstephan you may check this workaround for 2.0

import { saveAs } from "file-saver";
import { pdf } from "@react-pdf/renderer";
import { PDFPage } from "./PDFPage";

const generatePDFDocument = async () => {
  const blobPdf = await pdf(PDFPage());
  blobPdf.updateContainer(PDFPage());
  const result = await blobPdf.toBlob();

  saveAs(result, "document.pdf");
};

export default generatePDFDocument;

<button onClick={generatePDFDocument}>Download PDF</button>

cmnstmntmn on 10 Jul 2020

👍8 🎉2

All 9 comments

I was having a similar issue when trying to create a blob.
I fixed it by downgrading
npm i @react-pdf/[email protected]
npm installs by default the version ^2.0.0beta

m-najera on 9 Jul 2020

👍1

@m-najera for me this is not working

cmnstmntmn on 9 Jul 2020

👍1

Same issue here.

nicholasstephan on 10 Jul 2020

👍1

@nicholasstephan you may check this workaround for 2.0

import { saveAs } from "file-saver";
import { pdf } from "@react-pdf/renderer";
import { PDFPage } from "./PDFPage";

const generatePDFDocument = async () => {
  const blobPdf = await pdf(PDFPage());
  blobPdf.updateContainer(PDFPage());
  const result = await blobPdf.toBlob();

  saveAs(result, "document.pdf");
};

export default generatePDFDocument;

<button onClick={generatePDFDocument}>Download PDF</button>

cmnstmntmn on 10 Jul 2020

👍8 🎉2

Thanks for the heads up @cmnstmntmn, works great!

Marguelgtz on 11 Jul 2020

👍1

@cmnstmntmn thanks for the solution man. Works beautifully !!

AnkitBagaria24 on 12 Jul 2020

👍1

Thank you, @cmnstmntmn for this amazing solution. I was banging my head to get a workaround this. But I am also anticipating this might break when there's an appropriate fix in the latest beta version.