Type 'Items| null' is not assignable to type 'NgIterable | null | undefined'

Вылазит ошибка в данном HTML:

<app-item *ngFor="let items of userItems |async "
[items]="items"
>
</app-item>

Прилетает из сервиса тип данных Object, что и вызывает эту ошибку, как я думаю.

Компонент:

  userItems:Observable<Items> = new Observable<Items>();

  constructor(private itemsService: ItemsService) {
    this.localList = JSON.parse(localStorage.getItem('Items')!).toString();
    this.userItems = this.itemsService.items;
  }

  ngOnInit(): void {

    this.itemsService.getItems(this.localList);


  }

Сервис:

  items:BehaviorSubject<Items> = new BehaviorSubject<Items>(undefined!);

    public getItems(stringList:string):void{
           this.httpClient
          .get<Items>(`${environment.apiUrl}/${this.url}/Items/${stringList}`)
             .subscribe((res)=>this.items.next(res)
      }

Сервер:

 [HttpGet("Items/{stringList}")]
    public async Task<IActionResult> GetItems(string stringList)
    {
        ItemsDb itemsdb = new ItemsDb
        {
            listItems = stringList
        };

        if (stringList == null)
        {
            BadRequest("Items empty");
        }
  // Вот тут я отправляю данные на фронт
        Items items = new Items
        {
            Items = await _itemsService.FindItems(stringList),
            TotalSum  = await _itemsService.TotalSum(stringList)
        };


        return Ok(items);
    }

Я не понимаю, что тут может вызывать ошибку. Помогите, пожалуйста.