Azure AD App Authentication 'scope doesn't exist on app' with power-bi APIs

I intend to call Powerbi APIs in my react app.

For this, I need to dynamically generate an access token.

And to generate that access token, I have registered my azure ad app. Have given all the powerbi permissions.

My APIs only need 'Dataset.ReadWrite.All' permission. And that permission doesn't need any admin consent.

In my react app, I'm using msal 2.0 library (msal-react and msal-browser) for authentication.

I'm hitting this endpoint in msal config which is responsible for generating an access token - 

https://login.microsoftonline.com/{myTenantId}

 

I need a token with 'Dataset.ReadWrite.All' permission to authorize with powerbi rest API. And I have also configured my azure ad app for this permission.

 

 

 

 

 

invalid_client: AADSTS650053: The application 'dashboard.navinrangar.work' asked for scope 'Dataset.ReadWrite.All' that doesn't exist on the resource '00000003-0000-0000-c000-000000000000'. Contact the app vendor. Trace ID: 77e47883-fdd3-444a-bdd3-9f3a53bc1500 Correlation ID: aa77d724-0d9f-41aa-8e47-251c6b6f9293 Timestamp: 2023-02-09 13:51:46Z

 

EVERYTHING LOOKS GREAT IN AZURE AD.

 

I READ IT SOMEWHERE THAT THIS RESOURCE '00000003-0000-0000-c000-000000000000' indicates to the graph.microsoft.com resource. and I'm hitting https://login.microsoftonline.com/{myTenantId} . these are my app endpoints.

 

 

I'm not sure if powerbi resources come under graph.microsoft.com ('00000003-0000-0000-c000-000000000000) resource!!??

 

also on my app's API permissions page I read, they come under https://analysis.windows.net/powerbi/api that is 00000009-0000-0000-c000-000000000000??

 

 

 

 

am I hitting the wrong endpoint or the issue is something else??