Purpose of filter pipeable operator in shortSyntaxTags of Add Task Bar component

[bytrangle]

I would like to better understand the code base.

In theshortSyntaxTags method of the Add Task Bar component, you call filter on the value of the form control observable.

shortSyntaxTags: {
    title: string;
    color: string;
    icon: string;
  }[] = [];
  shortSyntaxTags$: Observable<
    {
      title: string;
      color: string;
      icon: string;
    }[]
  > = this.taskSuggestionsCtrl.valueChanges.pipe(
    filter((val) => typeof val === 'string'),
    // ...
)

As I understand, this form control reflects user input, and it should always be string. What's the reason for filtering only string value?

[johannesjo]

The task value can also be an Object, if a task was picked from the autocomplete list. That's why :)