OnClick event on mesh to detect only one object, not multiple

[PerlMonker303]

Hello,

I read the documentation and found out how to add the onClick event on a mesh and it works fine. However, if I have more objects in a row (so one behind another) and click on the first one, they raycast of the click goes through all of them, so the click is detected by all objects. Is there a way to stop the propagation upon hitting the first object such that I detect that only one object was clicked? Hope the question was concise enough since it's my first time using discussions on Github :)

[drcmda]

e => {
  e.stopPropagation()
  ...

that'll do it :-)

[PerlMonker303]

Thank you. :)

[erdmgrgrlioglu]

const [hasFocus, setFocus] = useState(false);

<mesh
onClick={(event) => (setFocus(true), event.stopPropagation())}
onPointerMissed={() => setFocus(false)}

// worked for me!