Дан массив объектов, каждый из которых содержит идентификатор, название и ссылку на родительский элемент, образуя древовидную структуру. Требуется построить визуальное представление этой структуры в виде вложенного списка <ul>/<li>, где вложенность отражает уровни иерархии.

const First = () => {
  const ListData = [
    { id: 1, name: 'Element 1', parentId: null },
    { id: 2, name: 'Element 2', parentId: 1 },
    { id: 3, name: 'Element 3', parentId: 2 },
    { id: 4, name: 'Element 4', parentId: 3 },
    { id: 5, name: 'Element 5', parentId: 2 },
  ];

  return (
    <ul>
      <li>Element 1</li>
    </ul>
  );
};

Рекурсивный вывод иерархии элементов в виде вложенного списка