I'm using powerbi-client-react npm package for my project. When I sign in in the report the azure sends an access token passing token and embed URL, I'm accessing the power bi report via React. The issue is azure token gets expired in 1hour. Can I refresh the access token sent by Azure for power bi report in react. Can we refresh the access token directly from react app?
<PowerBIEmbed
embedConfig = {{
type: 'report',
id: '<report Id>',
accessToken: '<access token>',
tokenType: models.TokenType.Aad,
permissions: models.Permissions.All,
viewMode: models.ViewMode.Edit,
// eventHooks: {
// accessTokenProvider : getNewAccessToken
// },
settings: {
// filterPaneEnabled: false,
panes: {
filters: {
expanded: false,
visible: true
},
bookmarks: {
visible: false
},
fields: {
expanded: false
},
pageNavigation: {
visible: true
},
selection: {
visible: false
},
syncSlicers: {
visible: false
},
visualizations: {
expanded: false
}
},
// background: models.BackgroundType.Transparent,
}
}}
eventHandlers ={
new Map([
['loaded', function () {
console.log('Report loaded');
}],
['rendered', function () {
console.log('Report rendered');
}],
['error', function (event) {
console.log(event.detail);
}]
])
}
cssClassName = { "Embed-container" }
getEmbeddedComponent = {getEmbeddedComponent()}
getEmbeddedComponent = { (embeddedReport) => {
window.report = embeddedReport;
}}
/>