JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<!--Provide URL to visualize.js-->
<script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>
<!--Provide container to render your visualization-->
<button>Refresh</button>
<div id="container1"></div>

JavaScript

visualize({
    auth: {
        name: "jasperadmin",
        password: "jasperadmin",
        organization: "organization_1"
    }
}, function (v) {
    
    var alwasyRefresh = false;    

    var report = v.report({
    		runImmediately: !alwaysRefresh,
        //skip repport runnig during initialization
        resource: "/public/viz/usersReport",
        container: "#container1",
     });
    
    if (alwaysRefresh){
        report.refresh();
    }
    
    $("button").click(function(){   
        report
            .refresh()
            .done(function(){console.log("Report Refreshed!");})
            .fail(function(){alert("Report Refresh Failed!");});
    });
   
});