JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.sencha.io/ext-4.2.0-gpl/resources/css/ext-all-neptune.css">

JavaScript

var data = {
    root: {
        expanded: true,
        checked: false,
        children: [{
            checked: false,
            text: "1 detention",
            expanded: true,
            children: [{
                checked: false,
                text: '1.1 foo',
                leaf: false,
                expanded: true,
                children: [{
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
                    text: "1.1.1 India",
                    expanded: true
                }, {
                    checked: false,
  ...