title: Can't bind to 'active' since it isn't a known property of 'mat-tab'
body: <p>I'm having this error even if I imported <code>MatTabsModule</code>.</p>
  
  <p>here's how my component looks like:</p>
  
  <pre><code>@Component({
  selector: 'app-settings-page',
  template: `
  &lt;mat-tab-group animationDuration="0ms"&gt;
    &lt;mat-tab
      *ngFor="let routeLink of routeLinks; let i = index;"
      [label]="routeLink.label"
      [routerLink]="routeLink.link"
      [active]="activeLinkIndex === i"&gt;
    &lt;/mat-tab&gt;
  &lt;/mat-tab-group&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;`
  })
  </code></pre>