font-awesome icon problem on jstree leaf action

Hi @vakata ,

thanks a lot for this amazing project, it's very helpful!!! I'm using jstree+actions (both from npm repo) with my symfony 5 project + fontawesome (ver 5.12) + webpack encore. Adding the action to the tree with:

jstree.add_action('all', {
    id: 'show-action',
    event: 'click',
    selector: 'i.jstree-icon',
    title: 'Modify',
    after: true,
    text: "",
    'class': 'show-action fa fa-caret-right',
    callback: function (node_id, node, action_id, action_el, event) {
        func(node);
    }
});

webpack yarn run dev works without problem, but loading the page, I see it:

on the right side are present a list of svg.

If I change the class value removing the fa class (so finally it will be 'class': 'show-action fa-caret-right',), reloading the page I see:

If I inspect it with Chrome DevTool, and I add the fas class, I see the correct icon:

What will be the problem??

Thanks in advance

vakata / jstree

font-awesome icon problem on jstree leaf action #2512