JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<h2>
List
</h2>
<ol id="list">

</ol>
</div>

JavaScript

const tileTree = [
  {
    name: 'test',
    children: [
      {
        name: 'test1'
      },
      {
        name: 'test2'
      },
      {
      	name: 'test3'
      },
            {
      	name: 'test4'
      },
            {
      	name: 'test5'
      },
            {
      	name: 'test6'
      }
    ],
  },
];

const createLi = (arr) => {
	for (let i = 0; i < arr[0].children.length; i += 1) {
  	let li = document.createElement("li");
    let ol = document.getElementById('list');
    li.innerHTML = arr[0].children[i].name;
    ol.appendChild(li);
  }
}

createLi(tileTree);