I got this error in Next.js while implement Pannellum-react to make 3D images "Global CSS cannot be imported from within node_modules."

Question

I can't make 3D images with pannellum in Next.js because I got this error:

My code:

import { Pannellum } from "pannellum-react";
 import myImage from "./images/download1.jpg";

<Pannellum
    width="100%"
    height="500px"
    image={myImage}
    pitch={10}
    yaw={180}
    hfov={110}
    autoLoad
    showZoomCtrl={false}
    onLoad={() => {
      console.log("panorama loaded");
    }}
  >
    <Pannellum.Hotspot
      type="custom"
      pitch={31}
      yaw={150}
      handleClick={(evt, name) => console.log(name)}
      name="hs1"
    />
  </Pannellum>