teamAdminsDataPanelAll.instanceManager.addInstance() - Failing to add item

Hi Team,

Problem Statement :  We have a Team Management Tab in our application under that we have option to add Team Members. If we are adding 10 members it works fine. While adding more than 10 members, for 11th member onwards code execution stops and page becomes non-responsive. Finally the page shows loading for ever.

Root Cause Analysis: As per our investigation the issue is with AEM Adaptive form Clientlibs guideRuntime.min.js which is part of Adobe client library.The below adobe generic library code is unable to handle to create team items more than 10. The code stops further execution after processing 10 items and page becomes non responsive. In the current team there are 13 items that needs to be processed. This client library limitations need to be addressed in order to process more than 10 users details. Refer below code which is failing to execute.

Code snippet-
if (parameter === "add") {
if (parsedJson.length > 1) {
teamAdminsDataPanelAll.instanceManager.addInstance();
}
} else {
for (var i = 0; i < parsedJson.length - 1; i++) {
teamAdminsDataPanelAll.instanceManager.addInstance();
}
}

 
Expectations-
All the items should be added successfully and displayed on the page. Let us know if there is any code fix available for this AEM Adaptive form Clientlibs guideRuntime.min.js issue. If not please raise a ticket and let us know when can we get a fix for this issue.

Note : The same issue was reported in the article given in link below  :
Solved: Panel.instanceManager.addInstance/removeInstance v... - Adobe Experience League Community - 430701