Nested object in TypeScript Arguments

Question

It is javascript code

 const handleChange = ({ target: { name, value } }) => formDispatch({ name, value });

I tried to convert this code to TypeScript

const handleChange = ({ (target:any): { (name:string), (value:string) } }) => formDispatch({ name, value });

but VS Code doesn't interpret this. what is wrong?

Answer 1

You may want something like:

 const handleChange = (target: { name: string, value: any }) => formDispatch(target);

Or a bit different, depending on what formDispatch is expecting