Paginated report not embedding inside update panel ASP.net

Hi Poojara, i tried this, still not working.

FYI.  the Power BI pagninated report should work inside update panel on a button Onclick  eg: OnClick="btnGenerateReport_Click"   this method fills  ReportId,
EmbedUrl = embedInfo.embedUrl;
EmbedToken = embedInfo.embedToken;

Once the variable filled then should hit the Javascript SDK . Below are the code snippet i am trying inside update panel but not working. 

<asp:Button ID="btnGenerateReport" runat="server" Text="Generate Report" CssClass="genric_btn green" OnClick="btnGenerateReport_Click" />
<div id="powerBIReportContainer" style="height:600px;width:100%;"></div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/powerbi.js"></script>
<script type="text/javascript">

Sys.Application.add_load(function () {

embedPowerBIReport();

});

var embedUrl = '<%= EmbedUrl %>';
var embedToken = '<%= EmbedToken %>';
var reportId = '<%= ReportId %>';

function embedPowerBIReport() {
if (!embedUrl || !embedToken || !reportId) return;

var models = window['powerbi-client'].models;
var embedConfig = {
type: 'report',
isPaginatedReport: true,
id: reportId,
embedUrl: embedUrl,
accessToken: embedToken,
tokenType: models.TokenType.Embed,
settings: {
panes: {
filters: { expanded: false, visible: false },
pageNavigation: { visible: true },
parameters: { expanded: false, visible: false }
},
navContentPaneEnabled: false,
parameterPaneEnabled: false
}
};
var reportContainer = document.getElementById('powerBIReportContainer');
powerbi.reset(reportContainer);
var report = powerbi.embed(reportContainer, embedConfig);

// Show page navigation after report is loaded
report.on("loaded", function () {
report.updateSettings({
panes: {
pageNavigation: { expanded: false, visible: true },
filters: { visible: false },
parameters: { expanded: false, visible: false }
},
parameterPaneEnabled: false
});
});
}

</script>