как изменить сцену постепенным исчезновением с помощью pannellum-react?

Question

Привет, я использую пакет npm pannellum-react для создания своего проекта, я использую перехватчик реакции useState() для переключения между сценами (с imgIndex), мой код ниже:

const [ imgIndex, setImgIndex ] = useState(0);
<Pannellum
    ref={pano}
    id={uuid()}
    width="100vw"
    height="100vh"
    image={panoImgsUrl[imgIndex]}
    pitch={panoImgData[0] ? panoImgData[0].pitch : 0}
    yaw={ panoImgData[0] ? panoImgData[0].yaw : 0}
    hfov={100}
    autoLoad = {true}
    showZoomCtrl={false}
    showFullscreenCtrl={false}
    howControls ={true}
    compass={false}
    onLoad={() => { pano.current.getViewer().setHfov(70) ; setLookAtCard(false)}}
    onRender= { () => { setNowYaw(pano.current.getViewer().getYaw()) ;console.log(pano.current);} }
  >
    {sceneHotSpots}
  </Pannellum>

Я хотел бы использовать эффект постепенного появления (исчезновения) между двумя сценами, чтобы улучшить взаимодействие с пользователем.