JSFiddle - React, Tailwind, and code Playground

HTML

<div onclick="listener();">
    <div id="A">Click here - Event by browser fires once (OK)</div>
</div>

<div id="B">Click here - Event by trigger fires twice (NOK)</div>

JavaScript

$(document).ready(function(){
    $('#B').on('click', function(){
        $('#A').trigger('click');
    });
});

function listener(){
    console.log('clicked');
}