Next.js uses cjs module loader resulting in SyntaxError: Cannot use import statement outside a module about react-cytoscapejs HOT 2 CLOSED

Fixed by adding 'next-transpile-modules' package to the project and in next.config.js:

/** @type {import('next').NextConfig} */
const withTM = require('next-transpile-modules')(['react-cytoscapejs']);

const nextConfig = {
  reactStrictMode: true,
}


module.exports = withTM(nextConfig)

from react-cytoscapejs.

All features of next-transpile-modules are now natively built-in Next.js 13.1. No need to install next-transpile-modules anymore.

Adding transpilePackages: ["react-cytoscapejs"] to next.config.js fixed the issue for me.

const config = {
  reactStrictMode: true,
  transpilePackages: ["react-cytoscapejs"],
};

https://nextjs.org/blog/next-13-1#built-in-module-transpilation-stable

from react-cytoscapejs.