Please continue reading below to see how to use it or read my guide on using React's events with TypeScript.
interface PointerEvent<T = Element> extends MouseEvent<T, NativePointerEvent> {
pointerId: number;
pressure: number;
tangentialPressure: number;
tiltX: number;
tiltY: number;
twist: number;
width: number;
height: number;
pointerType: 'mouse' | 'pen' | 'touch';
isPrimary: boolean;
}
import React, { PointerEvent } from 'react';
const App = () => {
const handlePointerEvent = (e: PointerEvent<HTMLDivElement>) => {
// Do something
};
return <div onGotPointerCapture={handlePointerEvent}>{/** Some code */}</div>;
};
export default App;