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

Question

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

Alireza Ahmadi · Accepted Answer · 2021-07-01 15:26:33Z

16

You need to initialize the address in your const.

Like this:

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

PlaygroundLink

edited Jul 1, 2021 at 15:26

answered Jul 1, 2021 at 15:06

Alireza Ahmadi

10.2k8 gold badges28 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related