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="jstree"></div>

JavaScript

$('#jstree').jstree({
	"core" : {
		"check_callback" : true,
        "data" : [
            { "text" : "Branch 1", "type" : "branch", "children" : [
                { "text" : "leaf 1.1", "type" : "leaf" },
                { "text" : "leaf 1.2", "type" : "leaf" },
                { "text" : "leaf 1.3", "type" : "leaf" }
               ]
            },
            { "text" : "Branch 2", "type" : "branch", "children" : [
                { "text" : "leaf 2.1", "type" : "leaf" },
                { "text" : "leaf 2.2", "type" : "leaf" },
                { "text" : "leaf 2.3", "type" : "leaf" }
               ]
            }
        ]
	},
            "types" : {
                "#" : {
                    "valid_children" : ["branch"]
                },
                "branch" : {
                    "valid_children" : ["leaf"]
                },
                "leaf" : {
                    "valid_children" : []
                }
            },
    "plugins" : ["types", "dnd"]
});