PowerBI embed JS not rendering

Hello all,

I am trying to embed a PBI report using the JS embedding library, below is the code I am using.

My issue is that the report is not rendering at all (NB. Iframe is properly created by the library) and I got no error either ...

To get the AD Token i followed the steps describe here (Power-BI-Rest-Api-with-the-ADAL-JS-library)

What am I missing ?

<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/jquery/dist/jquery.js"></script><script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/powerbi-client/dist/powerbi.js"></script><script type="text/javascript">
window.onload = function () {  


var clientname = ["powerbi"]; 
 
 
    // Read embed application token from Model
    var accessToken = "ey...gw";

    // Read embed URL from Model
    var embedUrl = "https://app.powerbi.com/reportEmbed?reportId=1c6a04eb-XXXX&groupId=120870e4-BBBB";

    // Read report Id from Model
    var embedReportId = "1c6a04eb-XXXX";

    // Get models. models contains enums that can be used.
    var models = window['powerbi-client'].models;

  
    var embedConfiguration = {
        type: 'report',
        tokenType: models.TokenType.Aad,
        accessToken: accessToken,
        embedUrl: embedUrl,
        id: embedReportId,
        permissions: models.Permissions.All,
        settings: {
            //filterPaneEnabled: true,
            navContentPaneEnabled: true
        }
    };
  
var $reportContainer = $('#reportContainer');
 
var report = powerbi.embed($reportContainer.get(0), embedConfiguration);
 
} 
</script><div id="reportContainer" powerbi-settings-nav-content-pane-enabled="true"   powerbi-settings-filter-pane-enabled="true"></div></html></div>