I have encountered an issue with a deeply nested form that communicates with a REST endpoint upon submission. While the first two levels of the form are functioning properly, I am facing numerous challenges when trying to work with the third level. One particular error that I'm struggling with is: ERROR TypeError: Cannot read properties of null (reading 'controls'). Despite spending a significant amount of time attempting to resolve this issue, I have not been able to find a successful solution. Therefore, I am seeking fresh perspectives to examine the problem.
Below is the response payload that I intend to send:
{
"appCode": "",
"accountType": "",
"emailId": "",
"IDV": "",
"emailSubject": null,
"emailBlurb": null,
"envelopeRequest": {
"compositeTemplates": [
{
"compositeTemplateId": 13,
"serverTemplates": [
{
"sequence": 93,
"templateId": ""
}
],
"inlineTemplates": [
{
"sequence": 10,
"recipients": {
"signers": [
{
"name": null,
"email": "",
"recipientId": 41
}
],
"carbonCopies": [],
"customFields": {
"listCustomFields": [],
"textCustomFields": []
}
}
}
]
}
]
}
}
Everything works smoothly until reaching the "recipients" section, where the process encounters issues. Below is a snippet from my TypeScript file:
// TypeScript code goes here
and here is the HTML code:
// HTML code goes here
If you have insights or suggestions on how to troubleshoot this, your assistance would be highly valued.