I am currently working on a react project with a simple implementation of jsPDF. I am trying to execute the sample 'hello world' code but encountering an error when using the save method:
https://i.stack.imgur.com/o4FWh.png
My code is straightforward, first, I import the library like this:
import jsPDF from 'jspdf';
Then within a Component's click event function
<IOControls exportDrawing={this.exportDrawing} />
I have the following code:
exportDrawing() {
const doc = new jsPDF();
doc.text('Hello World!', 10, 10);
console.log(doc); // shows an object
doc.save('a4.pdf');
}
The error occurs on save() but I am unsure of the exact cause.
Any assistance would be greatly appreciated.
UPDATE I have realized that the code works fine if I call the methods at the root of my app component, the issue arises when it is called from other components.
Here is my setup
<App>
<Sketch>
<SketchControls>
<IOControls>
exportDrawing() is declared in <Sketch> and triggered from a button in <IOControls>