Невозможно использовать pannellum на сайте реагирования, появляется ошибка «Просмотрщик не является функцией».

Question

Я хочу использовать pannellum 2.5.6 внутри реакции 18.2.0. Вот мой код на данный момент

      import React, { useRef, useEffect } from 'react'; 
import * as pannellum from 'pannellum'
const pano = '../assets/pano.jpg';

function ViewPane() {
  const pannellumContainer = useRef(null);

  useEffect(() => {
    const viewer = pannellum.viewer(pannellumContainer.current, {
      type: 'equirectangular',
      panorama: pano
    });
    return () => {
      viewer.destroy();
    };
  }, []);

  return (
    <div
      ref={pannellumContainer}
      style={{ width: '100%', height: '500px' }}
    ></div>
  );
}

export default ViewPane;

я получилcaught TypeError: pannellum__WEBPACK_IMPORTED_MODULE_1__.viewer is not a function ошибка

Я попробовал несколько альтернатив, напримерconst viewer = new pannellum.viewer(pannellumContainer.current, {и я получаюcaught TypeError: pannellum__WEBPACK_IMPORTED_MODULE_1__.viewer is not a constructor ошибка

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

Я попробовал импортировать вот так, а затем использовать вот такconst viewer = Viewer(pannellumContainer.current, {я получаю то же самоеcaught TypeError: (0 , pannellum__WEBPACK_IMPORTED_MODULE_1__.Viewer) is not a function ошибка

Я также попробовал использовать useRef для установки средства просмотра следующим образом: импортируйте егоimport { Viewer } from 'pannellum', установите useRefconst v = useRef(null);и в useEffectv.current = new Viewer(pannellumContainer.current, {и я получаюcaught TypeError: pannellum__WEBPACK_IMPORTED_MODULE_1__.Viewer is not a constructor ошибка

Как я могу это исправить?