I got an array with some elements and each element has some properties like name, id and children. Each element has children property and then sub children so on and so forth. This array is already there in our application. Now I want to update all of elements and sub elements of our array with a new property called "path". The "path" will be the key and its value will be the addition of its previous object's name. For example

    let dataArray = [
      {
        name: 'Data',
        id: 12,
        path: 'Data',
        children: [
          {
            name: 'Data Center',
            id: 13,
            path: 'Data/Data Center',
            children: [
              {
                name: 'Data Management',
                id: 13,
                path: 'Data/Data Center/Data Managemet',
              },
            ],
          },
        ],
      },
      {
        name: 'Machine',
        id: 12,
        path: 'Machine',
        children: [
          {
            name: 'Machine Center',
            id: 13,
            path: 'Machine/Machine Center',
            children: [
              {
                name: 'Machine Management',
                id: 13,
                path: 'Machine/Machine Center/Machine Managemet',
              },
            ],
          },
        ],
      }
    ];

As you can see path property to all the elements. I want to make this happen programatically. For that, here is the piece of code I have written but I am not able to understand what need to need to be done to achieve. This piece of code adds path property to all the elements and sub elements but with name as path like above example. I want the addition of previous names which have been traversed.

    addPathProperty(){
    dataArray.forEach((element) =>{
        element.path = element.name;
        if(element.children.length > 0){
            this.addPathProperty(element.children)
        }
    });
}

Here is the link Stackblitz. Any help will be appreciated. Thank you