Depois de seguir os passos da aula, onde mudamos para a interface onChanges para fazer o carregamento das rows, a página

http://localhost:4200/user/flavio

não exibe mais nada, inclusive a página fica congelada, não consigo abrir o console, nem inspecionar nada. Fica durante alguns segundos, e o Chrome diz que algo deu errado para exibir a página. Já reiniciei os dois terminais (da API e do ng serve) porém não resolveu.

Classe PhotosComponent:

import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
import { Photo } from '../../photo/photo';

@Component({
  selector: 'ap-photos',
  templateUrl: './photos.component.html',
  styleUrls: ['./photos.component.css']
})
export class PhotosComponent implements OnChanges {

  @Input() photos: Photo[] = []
  rows: any[] = []

  constructor() { }


  ngOnChanges(changes: SimpleChanges): void {

    if(changes.photos) {
      this.rows = this.groupColumns(this.photos)
    }
  }


  groupColumns(photos: Photo[]) {
    const newRows = [];

    for(let index = 0; index < photos.length; length+=3) {
      newRows.push(photos.slice(index, index + 3))
    }

    return newRows;
  }

}