Unable to add onClick handler to <primitive> object

[mrccodes]

Hello, I am currently working on a project that displays a 3d model of earth and 3d models of some of the satellites in orbit. I am using the useLoader hook with GLTFLoader and a GLTF from NASA to create the international space station, and passing it to a primitive object.

When I try to attach a click handler to this primitive object, i get the error "Uncaught TypeError: Cannot read property 'handlers' of undefined" when clicked. This comes from line 1001 of "@react-three/fiber/dist/react-three-fiber.esm.js".

When I click on the International Space Station, it targets a mesh on the model, but not the parent Group where the handler is located.

The function on line 1000 of @react-three/fiber/dist/react-three-fiber.esm.js looks as if it is trying to pass the focus up to the parent component, and with a quick edit to the function everything works as planned. Has anyone else ran into this issue? I am unsure if I am doing something incorrectly to achieve these results. Thank you!

before edit:

after edit:

[joshuaellis]

Can you post the code you've written (not r3f src code)

[mrccodes]

[mrccodes]

This is the ISS component I am referring to. I am experiencing the same issue on any other primitive objects i have created the same way. The repo can be viewed here https://github.com/mrccodes/ISS
Thanks in advanced for your time and help!

[joshuaellis]

Hm. I think this might be a bug, maybe you should open an issue with all this information....

[mrccodes]

I was going to initially, but am new here so i figured at was an issue on my end :D I will go ahead and do that, thanks!