* ngFor не перечисляет все мои товары, только последние

Question

У меня есть этот простой ngFor для показа моих сообщений из firebase, но я получаю только последние, а не все. Что может быть причиной? Вот как я создаю сообщения

createPost(){
    const image = this.imageURL
    const desc = this.desc

    this.afstore.doc(`users/${this.user.getUID()}`).set({
      posts: firestore.FieldValue.arrayUnion(image)
    })

    this.afstore.doc(`posts/${image}`).set({
      desc,
      author: this.user.getUsername(),
      likes:[]
    })
  }

Вот как я их храню

userPosts

  constructor( private router: Router, private afs: AngularFirestore, private user: UserService) { 
    const posts = afs.doc(`users/${user.getUID()}`)
    this.userPosts = posts.valueChanges()
  }

Вот как я показывая их

<ion-header>
  <ion-toolbar>
    <ion-title>profile</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>

  <div id="images">
    <div class="image" *ngFor="let post of (userPosts | async)?.posts">
        <ion-card (click)="goTo(post)">
          <ion-img src="https://ucarecdn.com/{{ post }}/-/scale_crop/200x200/center/"></ion-img>
        </ion-card>
    </div>
  </div>

</ion-content>

Любую дополнительную информацию, которую необходимо предоставить, я сделаю это сразу.