Cannot add custom configurable tab app to shared channels in Microsoft Teams

Question

Hello,

I am currently trying to add a custom tab app to a shared channel in Microsoft Teams.

When I click on the "Add a tab" button, my application does not show up, nor in search result.

I used the "Teams Toolkit" for Visual Studio Code to create a new tab app with the latest version of SPFx and React (Build your first app with SPFx). Only things I modified are the "context" and "supportedChannelTypes" properties in the manifest.json, as you can see below:

    "configurableTabs": [
        {
            "configurationUrl": "https://{teamSiteDomain}{teamSitePath}/_layouts/15/TeamsLogon.aspx?SPFX=true&dest={teamSitePath}/_layouts/15/teamshostedapp.aspx%3FopenPropertyPane=true%26teams%26componentId=ba3df9cb-629d-4a14-ba56-0c56e08e5aec%26forceLocale={locale}",
            "canUpdateConfiguration": true,
            "scopes": [
                "team"
            ],
            "context": [
                "channelTab"
            ]
        }
    ],
    "supportedChannelTypes": [
        "sharedChannels"
    ],

NB: I already tried to clear all browser data, and "%appdata%\Microsoft\Teams", but it didn't work.

Could you help me resolve this issue?