How type BehaviorSubject of rxjs with type predicate?

Question

Here is my code. I am getting the error below.

type Filters = {
  type: 'expenses' | 'income'
  week: string
  month: string
  category: string
}

class SubjectManager {
  private subject$: BehaviorSubject<Filters> = new BehaviorSubject({
    category: 'all',
    week: '1',
    month: '10',
    type: 'expenses'
  })
}

Error

Type 'Filters' cannot be assigned to type '{ category: string; week: string; month: string; type: "expenses";

How can I fix this error?

the value "all" is assigned to the category property whose type is "string" — Juan
– Juan, Commented Nov 7, 2022 at 14:48
@BizzyBob Order of properties is not the same, so types are actually correct. — Tortila
– Tortila, Commented Nov 7, 2022 at 22:59

Tortila · Accepted Answer · 2022-11-08 15:31:50Z

1

This works:

class SubjectManager {
  private subject$ = new BehaviorSubject<Filters>({
    category: 'all',
    week: '1',
    month: '10',
    type: 'expenses'
  })
}

The original code doesn't work because the object inside BehaviorSubject has type { type: 'expenses', ... }, not { type: 'expenses' | 'income', ... }.

edited Nov 8, 2022 at 15:31

answered Nov 7, 2022 at 22:58

Tortila

6884 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How type BehaviorSubject of rxjs with type predicate?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related