Maximum call stack size exceeded Error

[Isuru-Jayasuriya]

I'm trying to load a pdf and populate the input fields using pdf-lib
import { Component, OnInit } from '@angular/core';
import { PDFDocument, StandardFonts } from 'pdf-lib';

@component({
selector: 'app-enrollment-form',
templateUrl: './enrollment-form.component.html',
styleUrls: ['./enrollment-form.component.css']
})
export class EnrollmentFormComponent implements OnInit {

pdfSrc: string = '../../assets/Form.pdf';
patientName: string = 'Dave';

constructor() { }

ngOnInit(): void {
}

async loadPDF() {

const existingPdfBytes = await fetch(this.pdfSrc).then(res => res.arrayBuffer());
const pdfDoc = await PDFDocument.load(existingPdfBytes);
const form = pdfDoc.getForm();
const nameField = form.getTextField('Name'); 
nameField.setText(this.patientName);
const pdfBytes = await pdfDoc.save();
const pdfDataUri = 'data:application/pdf;base64,' + btoa(String.fromCharCode(...new Uint8Array(pdfBytes)));
const pdfViewer = document.querySelector('pdf-viewer');
pdfViewer != null ? pdfViewer.setAttribute('src', pdfDataUri): console.log("pdf Viewer Null");

}

}

//HTML

Load Pdf

When I call loadPDF() method, I get Maximum call stack size exceeded error. Can someone help me with that?