> For the complete documentation index, see [llms.txt](https://ploegert.gitbook.io/til/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ploegert.gitbook.io/til/programmy/typescript/add-types-to-an-object-destructuring.md).

# Add Types To An Object Destructuring

Let's say I'm building a form component that asks the user for their first name and email address. I then want to submit these values to some server endpoint to subscribe the user to a newsletter.

Now, what if I want to type the destructuring of the form values?

The standard syntax for doing this with TypeScript conflicts with the destructured renaming ES6 feature:

```javascript
const { firstName: string, email: string } = formValues;
```

This won't work.

Rather than typing the individual values in the destructuring, you'll need to type the destructured object itself.

```typescript
const {
  firstName,
  email,
}: { firstName: string; email: string } = formValues;
```

[source](https://flaviocopes.com/typescript-object-destructuring/)