How generate recursive form field from Schema? $ref has no effect on form.

[riddhi-adhvaryu]

I am trying to generate a form which can have multiple recursive fields. I have used https://codepen.io/crickford/pen/ZmJqwd this demo (I am not using any custom component). Whenever i am using "$ref" it ignores it.

My Json-schema is valid. Even if i replace the following schema in codepen i don't get expected result, where as it is giving me by editing schema property of the source in this link http://www.alpacajs.org/docs/api/recursive-references.html

I don't know where am I mistaking !! At least in codepen attached schema code should work.
Kindly guide me or share working demo fiddle with me. Thanks in advance.

Here is my schema:
{ "type": "object", "title": "", "properties": { "Namespace": { "type": "string", "title": "Namespace ", "attrs": { "placeholder": "Namespace", "title": "Please enter Namespace" } }, "Name": { "type": "string", "title": "Display Name : ", "attrs": { "placeholder": "Display Name", "title": "Please enter Display name" } }, "SubSteps": { "type": "array", "title": "SubSteps", "items": { "type": "object", "title": "Sub step", "$ref": "#/definitions/SubSteps" } } }, "definitions": { "SubSteps": { "type": "object", "title": "SubStep item", "properties": { "Namespace": { "type": "string", "title": "Namespace ", "attrs": { "placeholder": "Namespace", "title": "Please enter Namespace" } }, "Name": { "type": "string", "title": "Display Name : ", "attrs": { "placeholder": "Display Name", "title": "Please enter Display name" } }, "SubSteps": { "type": "array", "title": "SubSteps", "items": { "type": "object", "title": "Sub step", "$ref": "#/definitions/SubSteps" } } } } }, "required": [ "Name" ] }