backport #4066

src/jsx.d.ts

@@ -1075,9 +1075,9 @@ export namespace JSXInternal {
 	export type TargetedPictureInPictureEvent<Target extends EventTarget> =
 		TargetedEvent<Target, PictureInPictureEvent>;
 
-	export interface EventHandler<E extends TargetedEvent> {
-		(this: void, event: E): void;
-	}
+	export type EventHandler<E extends TargetedEvent> = {
+		bivarianceHack(event: E): void;
+	}['bivarianceHack'];
 
 	export type AnimationEventHandler<Target extends EventTarget> = EventHandler<
 		TargetedAnimationEvent<Target>

test/ts/Component-test.tsx

@@ -171,3 +171,16 @@ describe('Component', () => {
 		});
 	});
 });
+
+class Button extends Component {
+	handleClick(this: HTMLButtonElement, event: MouseEvent) {
+		event.preventDefault();
+		if (event.target instanceof HTMLElement) {
+			console.log(event.target.localName);
+		}
+	}
+
+	render() {
+		return <button onClick={this.handleClick}>{this.props.children}</button>;
+	}
+}