JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://infra-platforms-phase2-18418-anshinde.pfa.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>
<div id="app"></div>

React

function RenderVisualize () {
  React.useEffect(function () {
    visualize(
  {
  auth: {
  name: "superuser",
  password: "superuser"
  }
  },
  function (v) { 
    v("#container").report({ 
      resource: "/public/Samples/Reports/02._Sales_Mix_by_City_Report", 
      error: function(e) { 
        alert(e); 
      } 
    }); 
  });
  }, [])

  return (
    <div id='container'>
    </div>
  )
}

ReactDOM.render(<RenderVisualize />, document.querySelector("#app"))