Unable to run "List teamworkTags" API in my angular application

Question

I am trying to run the below API:

GET https://graph.microsoft.com/beta/teams/53c53217-fe77-4383-bc5a-ed4937a1aecd/tags

but getting 404

Getting motivation from the post List teamworkTags API returning 404 which I raised previously - I was able to run the API by Get access without a user .

This time I am trying to run the API through the current Angular App which runs in MS Teams. So far I have added the below to my service in Azure

Application Permission - TeamworkTag.Read.All, TeamworkTag.ReadWrite.All

Corresponding to that I am able to see the permission on the consent page of the app as seen below, and consent was given successfully.

But when I try to run the API in the Angular app it gives me below with 404 Not Found

{
    "error": {
        "code": "NotFound",
        "message": "Request API is not supported.",
        "innerError": {
            "date": "2021-12-21T15:03:36",
            "request-id": "63e5a0e1-5e2d-4d29-a702-f147f0bc3fc8",
            "client-request-id": "63e5a0e1-5e2d-4d29-a702-f147f0bc3fc8"
        }
    }
}

What I am doing wrong here?

As this is an application type permission, not the delegated one, something else needs to be done with scope or app roles?

Answer 1

Moving comment to answer for better visibility.

Please go through the following samples to get access token for applications -

1. https://github.com/OfficeDev/Microsoft-Teams-Samples/blob/main/samples/graph-rsc/nodeJs/auth.js
2. https://github.com/OfficeDev/Microsoft-Teams-Samples/blob/main/samples/graph-rsc/csharp/RSCDemo/Controllers/HomeController.cs