Other iframes do not work after integrate Microsoft Graph API

Question

We are trying to integrate some Microsoft Service with the application we build. To do that we need to use Microsoft Graph API together with Microsoft Authentication Library to authenticate use.

I am referring the following documentation to achieve this : tutorial-v2-angular-auth-code

In the documentation, section configure-the-application-and-edit-the-base-ui in step 4 mention to add the following code app.component.html

<router-outlet *ngIf="!isIframe"></router-outlet>

This will check if the current window is in iframe or not load the application only if the window is not an Iframe. But including this ngIf will break the iframes that loads the same application in some points. Is there a possibility to place this condition *ngIf="!isIframe" other than router-outlet?