React Typescript кодогенерация div в div'е

не могу найти конкретный кодовый пример для React Typescript, который мог бы сгенерировать div, затем один/несколько div'ов в нём, затем повторно. Данные (айдишники) должен брать из массива.

Что-то наподобие:

<div> (уже существующий div)
    <div id="element1">
        <div id="element11"></div>
        <div id="element12"></div>
        <div id="element13"></div>
    </div>
    <div id="element2">
        <div id="element22"></div>
    </div>
    <div id="element3">
        <div id="element31"></div>
        <div id="element32"></div>
    </div>
</div>