Typescript access nested conditional type

Question

I am trying to access the nested type b given the following type definition and that a is not null:

type Abc = {
  a: {
    b: number
  } | null
}

However, the following code causes an error: Property 'b' does not exist on type '{ b: number; } | null'.ts(2339)

const test: Abc["a"]["b"] = 3;

Nicholas Tower · Accepted Answer · 2020-09-30 23:54:52Z

3

You could change it to:

const test: NonNullable<Abc["a"]>["b"] = 3;

That's a bit of a mouthful though. You could also consider splitting it into a couple interfaces, and referring to the inner one directly:

interface Thing {
  b: number
}

type Abc = {
  a: Thing | null
}

const test: Thing["b"] = 3;

answered Sep 30, 2020 at 23:54

Nicholas Tower

87.1k10 gold badges115 silver badges127 bronze badges

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

1 Answer 1