mat-table array dentro de array

bom dia!

estou fazendo um projeto que preciso usar o mat-table data source e ele está funcionando para todas as informações que estão dentro do meu array, porém preciso puxar um elemento que está dentro de um array filho:

Esses são meus modelos:

export interface changeChipHistory {
  merchantId: number;
  merchantFullName: string;
  merchantDisplayName: string;
  merchantDocument: string;
  projectDescription: string;
  partnerFullName: string;
  active: boolean;
  charges: chargesChipHistory[];
}

export interface chargesChipHistory {
  chipChargeId: number;
  pdv: number;
  pdvDisplay: string;
  chargeStartDate: Date;
  chargeAmount: number;
  chipChargeStatusId: number;
  chipChargeStatusDescription: string;
}

esta é minha tabela:

<table mat-table [dataSource]="dataSource" class="table-result">
  <ng-container matColumnDef="merchantId">
    <th mat-header-cell *matHeaderCellDef>PDV</th>
    <td mat-cell *matCellDef="let element">{{ element.merchantId }}</td>
  </ng-container>

  <ng-container matColumnDef="merchantDocument">
    <th mat-header-cell *matHeaderCellDef>Código Identificador</th>
    <td mat-cell *matCellDef="let element">{{ element.merchantDocument }}</td>
  </ng-container>
  <ng-container matColumnDef="chipChargeStatusDescription">
    <th mat-header-cell *matHeaderCellDef>Cobrança</th>
    <td mat-cell *matCellDef="let element">
      {{ element.charges.chipChargeStatusDescription }}
    </td>
  </ng-container>
  <ng-container matColumnDef="chipChargeStatusId">
    <th mat-header-cell *matHeaderCellDef>chip charge</th>
    <td mat-cell *matCellDef="let element">
      {{ element.charges.chipChargeStatusId }}
    </td>
  </ng-container>
  <ng-container matColumnDef="pdvDisplay">
    <th mat-header-cell *matHeaderCellDef>pdv display</th>
    <td mat-cell *matCellDef="let element">
      {{ element.charges.pdvDisplay }}
    </td>
  </ng-container>
  <tr mat-header-row *matHeaderRowDef="displayColumns"></tr>
  <tr mat-row *matRowDef="let row; columns: displayColumns"></tr>
</table>

No caso, os elements {{ element.charges.qualquercoisa }} não funciona...

alguém pode me ajudar?