Hi, @karlrez
You seem to be experiencing the 403 Forbidden error and CORS policy issue. The 403 error usually indicates a permissions issue, and you need to make sure that the API permissions are set correctly in Azure Active Directory and that you have the appropriate permissions to access the Power BI REST APIs. Also make sure you're using the correct token type. For embedded reports, you should use models. TokenType.Aad if you are embedding for your organization. You can check the following links:
Solved: 403 forbidden error while trying to call power bi ... - Microsoft Fabric Community
Solved: Re: Embed report using react-powerbi-client ends w... - Microsoft Fabric Community
The CORS policy is wrong because the server does not allow requests from your local development environment. You'll need to check that the server hosting the Power BI report has the correct CORS header set up. This typically involves setting the Access-Control-Allow-Origin header to allow requests from your development environment. For local development, you can use a CORS proxy or browser extension to temporarily bypass CORS restrictions. You can check the following links:
What Is CORS Policy Error in React App and How To Get Rid of It? - Upmostly
Understanding CORS Policy Errors and Their Resolutions for React Developers – devgem.io - devgem.io
How to Get Your Question Answered Quickly
Best Regards
Yongkang Hua
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
