OpenSeadragonAnnotationPopup related error when dynamic importing the Annotorious 3.x in Next.js Project

[Songhao-LI]

Hi,

I have created a demo now: https://codesandbox.io/p/github/Songhao-LI/AnnotoriousExample/main
and you can uncomment the OpenSeadragonAnnotationPopup component to view the error when you finish creating an annotation. Is there any solutions to solve this problem?

Thanks for your time!!!

Once installed, remember to open the package.json file located in the node_modules/@annotorious/react directory,
and add the require field to the exports section, as shown below:

"exports": {
    ".": {
      "types": "./dist/index.d.ts",
      "import": "./dist/annotorious-react.es.js",
      "default": "./dist/annotorious-react.es.js"
    },
    "./annotorious-react.css": "./dist/annotorious-react.css"
  },