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

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.