My issue involves a parent component called RemoteMpnitoringOverviewComponent and a child component called FilterIncidentsComponent, which appears as a modal. However, I am facing the problem of the parent component being displayed twice on the screen. I have attempted to resolve this by following the advice provided in this Angular forum thread, but unfortunately, the problem persists.
const routes: Routes = [
{
path: '',
canActivate: [MsalGuard],
canActivateChild: [MsalGuard],
component: RemoteMonitoringOverviewComponent,
children: [
{
path: '', component: RemoteMonitoringOverviewComponent, children: [
{ path: 'filter', component: FilterIncidentsComponent },
]
}
]
},
{ path: '**', redirectTo: '' },
];