RecursiveTree.tsx

const tree1 = {
  id: "Parent 1",
  name: "Parent 1",
  children: [
    {
      id: "Child-1",
      name: "Child-1",
      children: [
        {
          id: "Inner-Child-1",
          name: "Inner-Child-1",
          children: [
            {
              id: "Inner-Inner-Child-1",
              name: "Inner-Inner-Child-1",
            },
          ],
        },
        {
          id: "Inner-Child-2",
          name: "Inner-Child-2",
        },
      ],
    },
    {
      id: "Child-2",
      name: "Child-2",
    },
  ],
};

<RecursiveTree tree={tree1} />;