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>

CSS

.my-selected {
  background-color: lightblue!important;
}

React

function RenderVisualize () {
  React.useEffect(function () {
    visualize({
  auth: {
    name: "joeuser",
    password: "joeuser",
    organization: "organization_1"
  }
}, function(v) {
  var ahv = v.adhocView({
    resource: "/public/viz/Hyperlinks/Table2",
    container: "#container",
    linkOptions: {
      events: {
        click: function(ev, data, defaultHandler, extendedData) {
          console.log(data, extendedData);         
          $("td, th").removeClass("my-selected");
          $("td:nth-child(" + (extendedData.column.index + 1) + ")").addClass("my-selected");
        }
      }
    }
  });
});
  }, [])

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

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