JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
<html>
<body>
    <div id="tree">
        <ul>
            <li data-id='1' ><a>root</a>
            <ul>
                <li data-id='2' ><a>leaf 1</a></li>
                <li data-id='3' ><a>leaf 2</a></li>
            </ul>
            </li>
        </ul>
    </div>
</body>
</html>

JavaScript

$(function() {
   
    $('#tree').jstree();
    
    $('#tree').bind('select_node.jstree', function (event, data) {

        //Does not work
        //$('#tree').jstree('get_selected').data('id', 50);        
            
        //Works
        $('#tree').jstree('get_selected').attr('data-id', 50);
    });
});