Embedding power bi reports in React.js application (Embedding Pro and Premium reports)

[vkr057]

Use case: We have a custom React.js application and want to embed Power BI dashboards. Some of the reports are in Premium capacity, and others are in Pro. Is it possible to embed both types in the same application?
Embedding model: User owns data (each user must have a pro license/ part of premium capacity). Suitable if your users are part of the same organization (internal users).
It can used if the reports are both in Pro (but all users must have pro license) and Premium
Any user that logs in using organization credentials - > Custom landing page, he/she should be able to see the list of reports that he has access too.
Note : Can power bi app itself be embedded? If yes what all are required for implementation

[v-veshwara-msft]

Hi @vkr057 ,

We’re following up regarding your query. If it has been resolved, please mark the helpful reply as the Accepted Solution to assist others facing similar challenges.

If you still need assistance, please let us know.
Thank you.

[v-veshwara-msft]

Hi @vkr057 ,
Following up to check if your query has been resolved and if the response met your expectations. If there's anything else you need, feel free to follow up.

Thank you.

[v-veshwara-msft]

Hi @vkr057 

Just checking in to see if you query is resolved and if any responses were helpful. If so, kindly consider marking the helpful reply as 'Accepted Solution' to help others with similar queries. 

Otherwise, feel free to reach out for further assistance.

Thank you.

[v-veshwara-msft]

Hi @vkr057 ,

Thanks for posting in Microsoft Fabric Community.

Both Pro and Premium reports can be embedded in the same React.js application using the User Owns Data embedding model. In this model, users sign in with their organization credentials and can only access reports they have permissions for. Reports in Pro workspaces require each user to have a Pro license, while reports in Premium capacity workspaces allow users with free licenses to access the content.

The Power BI app itself cannot be embedded directly. However, a custom landing page can be created within the application to list accessible reports and embed them individually using Power BI embed APIs.

To implement this, the application must be registered in Azure AD to manage user authentication. The Power BI REST API can be used to retrieve the list of reports a user can access along with their embed URLs. Embedding can be done using the Power BI JavaScript SDK or the powerbi-client-react package.

Further details on embedding scenarios and licensing are available here:
Power BI usage scenarios: Embed for your organization

Hope this helps. Please reach out for further assistance.
If this post helps, then please consider to give a kudos and Accept as the solution to help the other members find it more quickly.

Thank you.

[SHASHANK_CCSU]

wow it's great 😊