How do we get nested object type in typescript

Question

I have the following typescript interface:

UserInfo: {
     user: {
        options: ReadonlyArray<{
            values: ReadonlyArray<{
                value: string | null;
            }
        }
    }

I want to access the options how do I get it. I tried like below but it doesn't work for me

type options = ScreenQuery["UserInfo"]["user"]["options"];

_"it doesn't work"_ because? what was the error or wrong result? — underscore_d, Nov 11 '19 at 15:16

score 0 · Answer 1 · answered Nov 11 '19 at 15:23

I don't know what ScreenQuery is in your snippet but if UserInfo is indeed an interface this works (Playground link):

interface UserInfo {
  user: {
    options: ReadonlyArray<{
      values: ReadonlyArray<{
        value: string | null;
      }>
    }>
  }
}

type options = UserInfo['user']['options'];

How do we get nested object type in typescript

1 Answers1