JSFiddle - React, Tailwind, and code Playground

HTML

<script type='text/javascript' src="https://mobiledemo.jaspersoft.com/jasperserver-pro/client/visualize.js"></script>
<div id="report"></div>

CSS

#report {
    height: 600px;
}

JavaScript

visualize({
        auth: {
            name: "joeuser",
            password: "joeuser"
        }
    },
    function (v) {
        
        v("#report").report({
            resource: "/public/Visualize/Adhoc/Ad_Hoc_View_All_columns_Report",
            error: function (err) {
                console.log("Report 1: " + err.message);
            }
        });
        
    }
);