TypeError: Argument 1 ('element') to Window.getComputedStyle must be an instance of Element

Hi,

Im integrating view360 into my reactjs, but after adding the init code, i’m getting this error. TypeError: Argument 1 (‘element’) to Window.getComputedStyle must be an instance of Element. I have already specified my height and width in the css file.

var container = document.getElementById("myPanoViewer");
var panoviewer = new PanoViewer(container, {
      image: "public/images/bookcube2.jpg",
      projectionType: "panorama"/* PanoViewer.PROJECTION_TYPE.PANORAMA */
  });
return (
 `div className = 'viewer' id="myPanoViewer"> </div>`
)

in css file

`.viewer {
  position: relative;
  width: 100%;
  height: 100vh;
  max-width: 800px;
  margin: 0px auto;
  overflow: hidden;
  outline: none;
}`

Any idea what’s going on?

[WoodNeck]

Hello @iReivax1! Like the comment above by atul-mourya, if that script you’ve written is all in render method the same error can be thrown. You should put creating panoviewer part in componentDidMount. If you provide me some more detailed code of yours, I can help you with what exactly you have to fix 😃

[stale[bot]]

This issue/PR has been automatically marked as stale because it has not had any update (including commits, comments, labels, milestones, etc) for 30 days. It will be closed automatically if no further update occurs in 7 day. Thank you for your contributions!

한글

이 이슈/PR은 commits, comments, labels, milestones 등 30일간 활동이 없어 자동으로 stale 상태로 전환되었습니다. 이후 7일간 활동이 없다면 자동으로 닫힐 예정입니다. 프로젝트 개선에 기여해주셔서 감사합니다.