JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><input type="button" value="edit"/><input type="button" value="delete"/>Category 0<input type="button" value="move up"/><input type="button" value="move down"/>
        <ul>
            <li><input type="button" value="edit"/><input type="button" value="delete"/>SubCategory 0<input type="button" value="move up"/><input type="button" value="move down"/>
            
            </li>
            <li><input type="button" value="edit"/><input type="button" value="delete"/>SubCategory 1<input type="button" value="move up"/><input type="button" value="move down"/>
                <ul>
                    <li><input type="button" value="edit"/><input type="button" value="delete"/>SubSubCategory 0<input type="button" value="move up"/><input type="button" value="move down"/>
                        <ul>
                            <li><input type="button" value="edit"/><input type="button" value="delete"/>SubSubSubCategory 0<input type="button" value="move up"/><input type="button" value="move down"/></li>
                            <li><input type="button" value="edit"/><input type="button" value="delete"/>SubSubSubCategory 1<input type="button" value="move up"/><input type="button" value="move down"/></li>
                            <li><input type="button" value="edit"/><input type="button" value="delete"/>SubSubSubCategory 2<input type="button" value="move up"/><input type="button" value="move down"/></li>
                            <li><input type="button" value="edit"/><input type="button" value="delete"/>SubSubSubCategory 3<input type="button" value="move up"/><input type="button" value="move down"/></li>
                        </ul>
                    </li>
                    <li><input type="button" value="edit"/><input type="button" value="delete"/>SubSubCategory 1<input type="button" value="move up"/><input type="button" value="move down"/></li>
                    <li><input type="button" value="edit"/><input type="button"...