Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

I have an checkbox TSX(JSX) element:

<input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} />
With the help of VS code I know that the input parameter type of the this.handleCheckboxClick is MouseEvent<HTMLInputElement>. So I implemented it with:
private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) {
Then I get an error saying [ts] Type 'MouseEvent' is not generic. As shown in the image below:
Version of my packages:
"@types/react": "^15.0.29",
"@types/react-dom": "^15.5.0",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"typescript": "^2.3.4",
Why is that?
                Not working for me, I get: type: "checkbox" onChange: (e: MouseEvent<HTMLInputElement>) => void; defaultChec...' is not assignable to type 'InputHTMLAttributes<HTMLInputElement>'
– Kokodoko
                Aug 13, 2017 at 21:23
                Thanks, this helped me on my way! my click event now looks like clickHandler?: (event?: MouseEvent<HTMLButtonElement, Event>) => void; - hopefully that helps someone else :)
– Joel Balmer
                Feb 15, 2021 at 10:05
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.