Which argument to pass first in onClick Typescript?

Question

typescript

Hello,

Is there such a function?

const onChangeHandler = (e:React.FormEvent<HTMLAnchorElement>, id:any) => {
    e.preventDefault()
    console.log(id)
  }

Used here

return(
                  <li key={index}>
                    <a href={"#"} onClick={onChangeHandler(Category.id)} >{Category.name}</a>
                  </li>
                )

But the function requires one more argument since the first one is React.FormEvent.
What should be the first argument in the onChangeHandler function?

Answer 1

onClick={(event: any) => onChangeHandler(event, Category.id)}