[Resolved]How to add provider hosted web application pages as personal tab in a Teams App

I have a provider-hosted web application (as a addin in SharePoint) and I am trying to add some of the pages to the Teams App as personal tab.

I have tested that the web pages are able to be opened in iframe.

However, when adding to Teams App in the tab, it shows blank after the "Working on it..".