Not working with React/Next

[LouisSyfer]

This package merely does not work with Nextjs. I get a blank image.

`import React, { useState, useEffect, useMemo } from "react";
import View360, { EquirectProjection } from "@egjs/react-view360";
import "@egjs/react-view360/css/view360.min.css";

export default function SinglePost(props) {

const Viewer = () => {
const projection = useMemo(() => new EquirectProjection({
src: (props.video_path && urlVid) || (props.image_path && urlImg),
video: (props.video_path && true) || (props.image_path && false),
}), []);

return <View360 projection={projection} className="is-16by9"/>

}
return (

<main className={isDesktopOrLaptop && styles.main || !isDesktopOrLaptop && 'col-12'}>
<div className={isDesktopOrLaptop && styles.postCard || !isDesktopOrLaptop && 'col-12'}>
{urlImg && props.gallery_post === undefined && props.three_sixty_posts === "img360" ? (

) : null}

        {urlVid && props.gallery_post === undefined && props.three_sixty_posts === "vid360" ? (
          <Viewer/>
        ) : null}

        </div>
  </main>
</div>

);
}`