Multiple breadcrumbs being shown none are correct

[jackweldon]

My issue is that I get two breadcrumbs being displayed, one with a link to the root and another which is always plain text. This image should illustrate this issue better:

Routes.ts
{ path: 'products', data: { text: 'Products', nav: true, breadcrumbs: true }, children: [ { path: '', component: ProductDirectoryComponent, }, { path: ':group', component: ProductGroupComponent, data: { breadcrumbs: true }, }, { path: ':group/:category', component: ProductCategoryComponent, data: { breadcrumbs: true }, }, ] },

I then place <mc-breadcrumbs></mc-breadcrumbs>
within the ProductGroupComponent and in the ProductCategoryComponent because it should only be appearing on those two templates.

Not sure if I have implemented something wrong?