There is a problem with "itemsPerPage" when I use material tabs

[ibmtenea]

Angular version: 9

ngx-pagination version: last

Description of issue: There is a problem with "itemsPerPage" when I use material tabs. The coincidence between the different components causes that the paginator does not work and that the numbering corresponds to the criteria of the first tab.

Steps to reproduce: steps Expected result: pagination result Actual result: paginator does not work and that the numbering corresponds to the criteria of the first tab.

Demo: (if possible, edit this StackBlitz demo and paste the link to your fork) no demo Any relevant code:

                    <mat-tab-group >

                        <mat-tab label="Mis Issues"><app-listado-issues-inicial></app-listado-issues-inicial></mat-tab>
                        <mat-tab label="Issues en las que participo"><app-listado-issues-participo></app-listado-issues-participo></mat-tab>
                        <mat-tab label="Watching issues"><app-listado-issues-watching></app-listado-issues-watching></mat-tab>
                        <mat-tab label="Issues asignadas a mí"><app-listado-issues-asignadas></app-listado-issues-asignadas></mat-tab>
                    </mat-tab-group> 

 <div class="row" *ngFor="let issue of issues | paginate: { itemsPerPage: 10, currentPage: pi }">
            <div class="col-12"></div>
</div>