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:
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.
const {
firstName,
email,
}: { firstName: string; email: string } = formValues;