error in widgets.js when trying to edit a component - AEM 6.1

[AEMLearner-1989]

The issue occurs when I'm adding extra drop-down in the dialog fieldset. 

/apps/MySite/components/HelloWorld/dialog.overlay.infinity.json - showing as an array instead of JSON

The problem appears because the snippet variable is not an object but an array.

This type of response is not handled by the widget.js and getting failed at below condition.

if (snippet.xtype.indexOf("dialog") != -1 || snippet.xtype.indexOf("wizard") != -1) {

dialogConfig = snippet;

            }

Could anyone share your insights on this??

[hamidk92094312 · Accepted solution]

Ref: The problem appears because the snippet variable is not an object but an array.

It seems to be a case of calling a method of some object X to object Y while they don't share the same method/properties i.e. An array object doesn't have a indexOf method