Power BI Embedding in react app

Hello Everyone,

I am trying to embed a Power BI report in a 'react application'. 

I have created the react app, post that using visual studio code, update the package details with Embed URl, Access Token and report ID.

Also I have created a service principle account and security group, added that service principle in the security group, then the security group as been added to the tenant settings for Embed and as well added in the workspace with Member access.

However, I Power BI report tab is opening in react app but it's not loading the page and throwing some error as 'it cannot be displayed and if you face the issue again please contact the support team'.

Could you please assist me on the steps how to embed a PBI report in react?

Note: I followed this youtube video to achieve this scenario.