Sample Tree data to form tree

directories = [
  {
    id: 1,
    name: 'DSA',
    isDirectory: true,
    parentId: 0
  },
  {
    id: 2,
    name: 'Array',
    isDirectory: true,
    parentId: 1
  },
  {
    id: 3,
    name: 'Stack',
    isDirectory: true,
    parentId: 1
  },
  {
    id: 4,
    name: 'Linkedlist',
    isDirectory: true,
    parentId: 1
  },
  {
    id: 5,
    name: 'Tree',
    isDirectory: true,
    parentId: 1
  },
  {
    id: 6,
    name: 'FrontEnd',
    isDirectory: true,
    parentId: 0
  },
  {
    id: 7,
    name: 'HTML',
    isDirectory: true,
    parentId: 6
  },
  {
    id: 8,
    name: 'CSS',
    isDirectory: true,
    parentId: 6
  },
  {
    id: 9,
    name: 'Javascript',
    isDirectory: true,
    parentId: 6
  },
  {
    id: 10,
    name: 'Bootstrap',
    isDirectory: true,
    parentId: 8
  },
  {
    id: 11,
    name: 'sematic-html.mp4',
    isDirectory: false,
    parentId: 7
  },
  {
    id: 12,
    name: 'meta-tags.mp4',
    isDirectory: true,
    parentId: 7
  },
];

[
  {
    id: 1,
    name: 'DSA',
    name: 'DSA',
    isDirectory: true,
    children: [
      {
        id: 2,
        name: 'Array',
        isDirectory: true,
        children: []
      },
      {
        id: 3,
        name: 'Stack',
        isDirectory: true,
        children: []
      },
      {
        id: 4,
        name: 'Linkedlist',
        isDirectory: true,
        children: []
      },
      {
        id: 5,
        name: 'Tree',
        isDirectory: true,
        children: []
      },
    ]
  },
  {
    id: 6,
    name: 'FrontEnd',
    isDirectory: true,
    children: [
      {
        id: 7,
        name: 'HTML',
        isDirectory: true,
        children: [
          {
            id: 11,
            name: 'sematic-html.mp4',
            isDirectory: false,
            children: []
          },
          {
            id: 12,
            name: 'meta-tags.mp4',
            isDirectory: true,
            children: []
          }
        ]
      },
      {
        id: 8,
        name: 'CSS',
        isDirectory: true,
        children: []
      },
      {
        id: 9,
        name: 'Javascript',
        isDirectory: true,
        children: []
      },
      {
        id: 10,
        name: 'Bootstrap',
        isDirectory: true,
        children: []
      }
    ]
  }
]