Is it possible to manually attach an element to the pointer events system?

[Triazic]

Expected usage of react-three-fiber is to mount elements as React elements, eg.

return(
    <mesh
        onPointerUp={e => ...}
       ...
    />   
)

However for my use case I am also mounting some elements manually, eg.

const mesh = ...
scene.add(mesh);
// I want to attach a pointer up function to this mesh that works in the same event loop etc that react-three-fiber does

I tried playing around with:

const { events }  = useThree();
events.handlers.... // didn't seem like what I wanted

Some ideas for the 'vibe' I am looking for:

const { scene, events } = useThree();
const mesh = ...
scene.add(mesh);
events.onPointerUp.attach(mesh, e => {console.log(e)})

[CodyJasonBennett]

R3F's events system only works for elements that live declaratively in R3F.

If you mount them via <primitive object={mesh} />, you can apply event props via applyProps(mesh, { onPointerUp() {} }).

[Triazic]

So I'd have to set up a whole new event loop, raycaster etc? Meaning that on each animation frame I have two raycasts on the scene - R3F's and mine?