“Refresh” button in the app header in Outlook not loading

[Wajeed-msft]

Copied bug from: https://github.com/OfficeDev/TeamsFx/issues/9190

Details from original post: Describe the bug We have upgraded with our teams app to new (unified) manifest v1.16. We adjusted our app to the example from teams Toolkit v5.0.1 for Teams, Outlook and Microsoft 365. Inside the app we are using teams-js and teamsfx with SSO. The app runs smooth.

However, in Outlook (Edge), we discover a strange behaviour:

• The app is loading as normal (SSO; everything works).
• When we hit refresh from Outlook toolbar, Outlook is not able to reach our app anymore. In the console, nothing happens.
• When we hit refresh again, the app is loaded again.

Does anyone know what is going on here? What happens when you try to hit refresh in the new outlook? I would expect that the iframe with our app is reloaded (like in Teams), but that does not happen.

Any idea?

Screenshots

Additional context Here is the content of our package.json:

    "@fluentui/react-components": "^9.18.0",
    "@fluentui/react-northstar": "^0.64.0",
    "@fluentui/react-teams": "^6.0.0",
    "@microsoft/mgt-element": "^2.8.0",
    "@microsoft/mgt-react": "^2.8.0",
    "@microsoft/mgt-teamsfx-provider": "^2.8.0",
    "@microsoft/microsoft-graph-client": "^3.0.1",
    "@microsoft/teams-js": "^2.7.1",
    "@microsoft/teamsfx": "^2.2.0",
    "@microsoft/teamsfx-react": "^3.0.0",
    "axios": "^0.21.1",
    "react": "^18.2.0",
    "react-device-detect": "^2.2.2",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.8.0",
    "react-scripts": "^5.0.1"

We are using Teams Toolkit v.5.0.1.

We are using manifest version v.1.16 (unified manifest).

Document Details

⚠ Do not edit this section. It is required for learn.microsoft.com ➟ GitHub issue linking.

• ID: b743e43d-95cc-3d1e-b142-31a16369f97e
• Version Independent ID: b743e43d-95cc-3d1e-b142-31a16369f97e
• Content: Teams Toolkit Overview - Teams
• Content Source: msteams-platform/toolkit/teams-toolkit-fundamentals.md
• Service: msteams
• GitHub Login: @zyxiaoyuer
• Microsoft Alias: zhany

[ghost]

Hi Wajeed-msft! Thank you for bringing this issue to our attention. We will investigate and if we require further information we will reach out in one business day. Please use this link to escalate if you don't get replies.

Best regards, Teams Platform

[sayali-MSFT]

@jkerst - Thanks for reporting your issue. We will check this at our end and will get back to you.

[sayali-MSFT]

@jkerst - We are trying to reproduce the above scenario, but when we refresh the button, it is working fine and no error message is displayed.

Teams Toolkit v.5.0.1. manifest version v1.16

We have checked this with our internal team and will provide you with an update.

[jker-org]

@sayali-MSFT : Thank you for checking. The standard template comes with "showLoadingIndicator: false". We adapted our manifest as well and now the refresh button does not produce an error anymore. But, according to our internal console log, the page is not refreshed at all. When you hit refresh (with "showLoadingIndicator: false" in the manifest), nothing happens.

[sayali-MSFT]

@jkerst -Thanks for providing the information. We will check this with internal team and let you know the update.

[sayali-MSFT]

@jkerst -Could you please share the console log that would help us determine the issue?

Thanks!!

[jker-org]

@sayali-MSFT : Sorry for the late reply. We have checked. There is not activity in the console on refresh. In our opinion, there is just nothing happening when you hit refresh in new outlook. Refresh of our app works fine in Microsoft 365 and Microsoft Teams.

[sayali-MSFT]

@jkerst -Thanks for providing the information, we will check with the internal team and get back to you once we get any update.

[sayali-MSFT]

@jkerst -Issue is resolved. Please check with the the below pre-release versions of Teams Toolkit and confirm the same.

Teams Toolkit - Teams Toolkit - Visual Studio Marketplace

Install Pre-release Install Teams Toolkit - Teams | Microsoft Learn

[microsoft-github-policy-service[bot]]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 3 days. It will be closed if no further activity occurs within 3 days of this comment.

[microsoft-github-policy-service[bot]]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 3 days. It will be closed if no further activity occurs within 3 days of this comment.

[ChetanSharma-msft]

Hello @jkerst - Latest Team toolkit version is released: https://marketplace.visualstudio.com/items?itemName=TeamsDevApp.ms-teams-vscode-extension