JSFiddle - React, Tailwind, and code Playground

HTML

<script src=" https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.1/jstree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.1/themes/default/style.min.css">
<div id="data" class="demo"></div>

JavaScript

$('#data').jstree({
		'core' : {
			'data' : [
				{ "text" : "Root node", "children" : [
						{ "text" : "Child node 1" },
						{ "text" : "Child node 2" }
				]},
                { "text" : "Root node 2", "children" : [
						{ "text" : "Child node 1" },
				]}
			]
		},
        'checkbox': {
            three_state: false,
            cascade: 'up'
        },
        'plugins': ["checkbox"]
	});