In the app.component.ts, the '@Component' decorator uses the selector "body[root].

I have followed the Microsoft Documentation to include MSAL in our project (default auth has been removed from the project while following the skeleton guide)

For MSAL to work, the app component needs the selector to refer to a html tag 'app-root' with the HTML as <app-root></app-root> and for another tag <app-redirect> to be added.

When the app.component.ts uses selector body[root] - the pages load normal however in the console the MSAL errors with:
'ERROR Error: The selector "app-redirect" did not match any elements'

If I change the app.component.ts selector to 'app-root' the console shows MSAL Auth working properly however the application will never load past the splash screen I imagine because Metronic is dependent on the 'root' tag being used through the body element.

Is there a way to change metronic to work properly with the 'app-root' method? I am relatively new to Angular so perhaps there is a better solution.

Any help is appreciated!