Отображать контекстное меню на Pannellum

Question

Я пытаюсь создать приложение, в котором учителя смогут задавать математические вопросы в горячих точках. Если ученики дадут правильный ответ, им будет разрешен доступ к контенту из горячей точки.

Но для этого мне нужно каким-то образом получить текущую позицию (рыскание и наклон), которую учитель щелкает на экране, а затем отобразить контекстное меню с возможностью добавить вопрос. Я подумал об этом, установив Компонент Pannellum - ложная опора в перетаскиваемом элементе, но при этом я вообще не могу щелкнуть по экрану.

Я бы контролировал позицию в соответствии с этим примером страницы.

      <Pannellum
    width="100%"
    height="100%"
    image={currentScene}
    yaw={300}
    pitch={0}
    hfov={110}
    draggable={false}
    autoLoad
    compass
    showZoomCtrl={false}
    mouseZoom={false}
    onMousedown={() => {
      // custom action to display a context menu
    }}>
    <Pannellum.Hotspot
        type="custom"
        pitch={-30}
        yaw={-120}
        handleClick={() => console.log('clicked')} />
</Pannellum>