Use this pipe to provide default values for null values of async pipe. `foo$ | async | nullTo:false`

null-to.pipe.ts

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

@Pipe({
    name: 'nullTo',
})
export class NullToPipe implements PipeTransform {
    /**
     * Returns {@link value} or {@link newNullValue} if {@link value} is null.
     */
    transform<T>(value: T | null, newNullValue: T): T {
        return value !== null ? value : newNullValue;
    }
}