Using mouse position to set panorama hotspots

[dpomazanov]

Using the answer to discussion #665 (https://codesandbox.io/s/r3f-sky-dome-wbrfs), hotspots are set using the position attribute within the store. Is there a way to set hotspots using a mouse click on the canvas? In other words, how would you access the 3D coordinates of the mouse position while navigating the panoramic image?

[drcmda]

function Dome({ name, position, texture, onClick }) {
  return (
    <group>
      <mesh onClick={e => console.log(e.point)}>
        <sphereGeometry args={[500, 60, 40]} />
        <meshBasicMaterial map={texture} side={THREE.BackSide} />
      </mesh>