Reverse a FirebaseListObservable in Angular 4

gistfile1.txt

<div  *ngFor="let item of listObservable | async | reverse">
  {{item?.whatever}}
</div>

reverse.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'reverse'
})
export class ReversePipe implements PipeTransform {

  transform(value) {
      if (!value) return;

      return value.reverse();
    }
}