'IsInTeams' does not recognized from ios and android teams app - dotnet-sdk

[georgemichailou]

Describe the bug
When I run my app from android or ios teams application the IsInTeams method returns false and GetUserInfo is not working.

protected override string ModulePath => "./js/TeamsJsBlazorInterop.js";

export function inTeams() { var microsoftTeamsLib = microsoftTeams || window["microsoftTeams"]; return window.self !== window.top && microsoftTeamsLib !== undefined; }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        await base.OnAfterRenderAsync(firstRender);

        if (firstRender)
        {
            isInTeams = await MicrosoftTeams.IsInTeams();

            if (isInTeams)
            {
                var user = await teamsUserCredential.GetUserInfoAsync();
                userName = user.DisplayName;
                preferredUserName = user.PreferredUserName;
            }
            else
            {
                errorMessage = "Not running in Microsoft Teams.";
            }

            isLoading = false;
            StateHasChanged();
        }
    }

*VS Information
Version Visual Studio Enterprise 2022
Microsoft Teams development tools

[ghost]

Thank you for contacting us! Any issue or feedback from you is quite important to us. We will do our best to fully respond to your issue as soon as possible. Sometimes additional investigations may be needed, we will usually get back to you within 2 days by adding comments to this issue. Please stay tuned.

[tecton]

Hi @georgemichailou, thanks for reporting this issue.
Please replace the inTeams function in js/TeamsJsBlazorInterop.js with the following snippet:

export function inTeams() {
    if (
        (window.parent === window.self && window.nativeInterface) ||
        window.navigator.userAgent.includes("Teams/") ||
        window.name === "embedded-page-container" ||
        window.name === "extension-tab-frame"
    ) {
        return true;
    }
    return false;
}

[georgemichailou]

Thanks !