angular материал дерева от остальных API json

Question

Я пытаюсь сгенерировать дерево, используя angular материальное дерево компонент с JSON из API , как показано ниже. Мой вопрос: можно ли это сделать для переменной json, приведенной ниже, я видел много примеров и попыток, но не смог удовлетворить мои требования.

Является ли JSON структура должна быть исправлена, как показано ниже, или может иметь что-либо

interface FoodNode {
   name: string;
   children?: FoodNode[];
}

Дерево должно отображаться, как показано ниже

    >ÁddressProof
        >adhar
        >voter card
        >pdf-test.pdf
    >IDProof
       >birth certifict
    >AgeProof
       >educational certfict

JSON Форма API, как показано ниже

 {
      "documentGroup": "Fresher",
      "documentCategory": [
        {
          "categoryName": "AddressProof",
          "documentCategoryId": 1,
          "documentDetails": [
            {
              "documentName": "adhar"
            },
            {
              "documentName": "voter card"
            },
            {
              "documentName": "pdf-test.pdf"
            }
          ]
        },
        {
          "categoryName": "IdProof",
          "documentCategoryId": 2,
          "documentDetails": [
            {
              "documentName": "birth certifict"
            }
          ]
        }

      ]
    }