How to inline destructure nested optional properties from an object in Typescript?

user_7200524 0
Viewed 1020

I have the following code of a type User that has optional type Address that I want to desctructure in a single line. However, when I try, I am getting an error saying:

Property 'street' does not exist on type 'Address | undefined'

Click here to see the Typescript playground of the code provided bellow

type User = {
 age: number;
 address?: Address;
}

type Address = {
 street?: string;
}

const user: User = {
 age: 22,
 address: {}
}

const {age, address: {street}} = user

Here the street does not exist on type Address | undefined

typescript2.0 typescript-typings typescript javascript
1 Answers

You need to initialize the address in your const.

Like this:

const {age, address : {street} = {}} = user;

PlaygroundLink

user_113590760
Related