JSFiddle - React, Tailwind, and code Playground

HTML

<div id="01" class="parent"></div>
<div id="01_01" class="child"></div>
<div id="01_02" class="child"></div>
<div id="01_02_01" class="sub-child"></div>
<div id="01_02_02" class="sub-child"></div>
<div id="01_02_03" class="sub-child"></div>

<div id="02"  class="parent"></div>
<div id="02_01" class="child"></div>

<div id="03" class="parent"></div>
<div id="03_01" class="child"></div>
<div id="03_02" class="child"></div>
<div id="03_02_01" class="sub-child"></div>
<div id="03_02_02" class="sub-child"></div>




<!-- Должно быть так:

<div id="01" class="parent">
  <div id="01_01" class="child"></div>
  <div id="01_02" class="child">
    <div id="01_02_01" class="sub-child"></div>
    <div id="01_02_02" class="sub-child"></div>
    <div id="01_02_03" class="sub-child"></div>  
  </div>
</div>

<div id="02"  class="parent">
  <div id="02_01" class="child"></div>
</div>

<div id="03" class="parent">
  <div id="03_01" class="child"></div>
    <div id="03_02" class="child">
    <div id="03_02_01" class="sub-child"></div>
    <div id="03_02_02" class="sub-child"></div>
  </div>  
</div>


-->