RecursiveTree with icons

RecursiveTree.tsx

const tree2 = {
  id: "Parent 1",
  name: "Parent 1",
  children: [
    {
      id: "Child-1",
      name: "Child-1",
      icons: [<CiSquarePlus size={25} />, <CiSquareMinus size={25} />],
      children: [
        {
          id: "Inner-Child-1",
          name: "Inner-Child-1",
          icons: [<CiSquarePlus size={25} />, <CiSquareMinus size={25} />],
          children: [
            {
              id: "Inner-Inner-Child-1",
              name: "Inner-Inner-Child-1",
              icons: [<CiSquarePlus size={25} />, <CiSquareMinus size={25} />],
            },
          ],
        },
        {
          id: "Inner-Child-2",
          name: "Inner-Child-2",
          icons: [<CiSquarePlus size={25} />, <CiSquareMinus size={25} />],
        },
      ],
    },
    {
      id: "Child-2",
      name: "Child-2",
      icons: [<CiSquarePlus size={25} />, <CiSquareMinus size={25} />],
    },
  ],
};

<RecursiveTree tree={tree2} />;