Отображение вложенного списка на основе иерархической структуры

Дан список элементов с указанием родительских идентификаторов, формирующих иерархическую структуру. Необходимо отобразить элементы в виде вложенного списка, отражающего эту иерархию.

javascriptconst 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>
  );
};