Hi everyone,
I'm experiencing a major issue with my custom PCF control, Meal Invoice Generator, where the entire PowerApps editor freezes whenever I try to drag and drop the component onto the canvas.
What the Control Does
This control is designed to generate PDF invoices from meal data. It processes and summarizes employee meal information—including total meals, total cost, and half cost—and even provides a date-wise breakdown. The control uses:
- React and ReactDOM (installed at version 16.14.0)
- jsPDF (v2.x) for PDF generation
- jspdf-autotable to generate tables in the PDF
Issue Details
- Before the Update: The control worked fine without any issues.
- After the Update: As soon as I attempt to drag and drop the control into the PowerApps editor, the entire editor freezes.
- Troubleshooting: I created a minimal version of the control that only renders a basic React component (a heading and a button). However, even this simplified control causes the editor to freeze when dragged and dropped.
What I've Tried
- Simplification: Reduced the control to its simplest form to isolate the problem.
- Dependency Check: Confirmed that React and ReactDOM are installed at version 16.14.0, and I've verified the versions of jsPDF and jspdf-autotable.
- Error Messages: No specific error messages are provided apart from the freeze.
Has anyone encountered a similar issue after the recent PowerApps update? Is there a known incompatibility or workaround when using these libraries in a PCF control?
Any guidance or suggestions would be greatly appreciated. Thanks in advance for your help!
NB: I can provide any files related to this project