In mat table, mat sort is not triggering on 3rd time?

I have created mat table with mat sort in mat header cell. While clicking the sort icon on 3rd time, its not working. Again 4th time its get triggering.

component.html

  <mat-table matSort [dataSource]="dataSource" class="table">               
     <ng-container matColumnDef="id">
         <mat-header-cell *matHeaderCellDef mat-sort-header>ID</mat-header-cell>
         <mat-cell *matCellDef="let row" style="width:500px"> {{row.id}} </mat-cell>
     </ng-container>

     <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns;" class="element-row"></mat-row>
  </mat-table>

component.ts

 dataSource: MatTableDataSource<any>;
 @ViewChild(MatSort) sort: MatSort;

 call(){
   this.dataSource = new MatTableDataSource(result);
   this.dataSource.sort = this.sort;
 }

Anyone help me out on this???

Source: New feed
Source Url In mat table, mat sort is not triggering on 3rd time?