JSFiddle - React, Tailwind, and code Playground

by Valera

HTML

<script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js?_opt=false&userLocale=fr"></script>
<div id="container"></div>

JavaScript

visualize({
  auth: {
    name: "jasperadmin",
    password: "jasperadmin",
    organization: "organization_1"
  }
}, function(v) {

  //render report from provided resource
  v("#container").report({
    resource: "/public/Samples/Reports/States",
    error: handleError
  });

  //show error
  function handleError(err) {
    alert(err.message);
  }

});