How to properly create a typed "me" query result with multiple user types

[angelhodar]

Hey everyone! I am converting a JS project to TS and im having doubts with one query which returns a different type of user depending on the user logged in. The query had this aspect when using JS:

query currentUser {
  me {
    id
    email
    type
    ... on UserTypeA {
      type A props...
    }

    ... on UserTypeB {
      type B props...
    }

    ... on UserTypeC {
      type C props...
    }
  }
}

All user types inherits from interface User. To get types for each user specific fields I have created a named fragment for each one and I also had to include the common user fields in another fragment that i spread. Like this:

fragment CurrentUserBase on User {
  id
  email
  type
}

fragment CurrentUserTypeA on UserTypeA {
  ...CurrentUserBase
  rest of type A props...
}

fragment CurrentUserTypeB on UserTypeB {
  ...CurrentUserBase
  rest of type B props...
}

fragment CurrentUserTypeC on UserTypeC {
  ...CurrentUserBase
  rest of type C props...
}

query currentUser {
  me {
    ... on UserTypeA {
      ...CurrentUserTypeA
    }

    ... on UserTypeB {
      ...CurrentUserTypeB
    }

    ... on UserTypeC {
      ...CurrentUserTypeC
    }
  }
}

So now i can cast the data result of the query to CurrentUserTypeX to get all the props typed. The thing is that i dont like this approeach because im sure it can be resolved in a cleaner way. Do you have any ideas?

Thanks in advance