Type for event param on click event

[dorklord23]

Hi, guys

I am a beginner in Typescript and setting type for variables in TS after years of gotten used in JS has been quite a tedious yet fun experience. I added an onClick event to a primitive component but TS throws an error Parameter 'e' implicitly has an 'any' type.

<primitive
  object={gltf.scene}
  dispose={null}
  onClick={(e) => console.log(e)}
/>

What is the type for param e in onClick event, then?

thank you very much

[dangrabcad]

You can import { PointerEvent, WheelEvent } from "react-three-fiber" to get types to use for the pointer callbacks and onWheel. Weirdly, these events give me a tooltip in VSCode saying type PointerEvent = any event though they do have real definitions in the .d.ts file.

[xih]

@dangrabcad

How can I import the r3f onClick handler?

Currently doing this:

const advanceCamera = (e: Events["onClick"]) => {
e.camera 
}

but getting the error:
Property 'camera' does not exist on type 'EventListener'.ts(2339)

React three fiber exports these in events.d.ts

    onClick: EventListener;
    onContextMenu: EventListener;
    onDoubleClick: EventListener;
    onWheel: EventListener;
    onPointerDown: EventListener;
    onPointerUp: EventListener;
    onPointerLeave: EventListener;
    onPointerMove: EventListener;
    onPointerCancel: EventListener;
    onLostPointerCapture: EventListener;
};