I get Error ERR_REQUIRE_ESM]: require() of ES Module when I try to import superjson pacakge

[adnanlah]

Hello,

I am not being able to import superjson package, I get this error instead:

Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\ADNAN\dev\zahir\node_modules\superjson\dist\index.js from C:\Users\ADNAN\dev\zahir\out\main\index.js not supported.
Instead change the require of C:\Users\ADNAN\dev\zahir\node_modules\superjson\dist\index.js in C:\Users\ADNAN\dev\zahir\out\main\index.js to a dynamic import() which is available in all CommonJS modules.
    at c._load (node:electron/js2c/node_init:2:13672)
    at Module.<anonymous> (C:\Users\ADNAN\dev\zahir\out\main\index.js:10:19)
    at c._load (node:electron/js2c/node_init:2:13672)

This is my tsconfig.web.json:

{
  "extends": "@electron-toolkit/tsconfig/tsconfig.web.json",
  "include": [
    "src/renderer/src/env.d.ts",
    "src/renderer/src/**/*",
    "src/renderer/src/**/*.tsx",
    "src/preload/*.d.ts",
    "src/main/**/*",
    "src/shared-types/*"
  ],
  "compilerOptions": {
    "module": "ESNext",
    "target": "ESNext",
    "esModuleInterop": true,
    "composite": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "jsx": "react-jsx",
    "baseUrl": ".",
    "paths": {
      "@renderer/*": [
        "src/renderer/src/*"
      ]
    }
  }
}

I tried "module": "ESNext" and "target": "ESNext" and "esModuleInterop": true and still didn't work.
And this is my tsconfig.node.json:

{
  "extends": "@electron-toolkit/tsconfig/tsconfig.node.json",
  "include": ["electron.vite.config.*", "src/main/**/*", "src/preload/**/*", "src/shared-types/*"],
  "compilerOptions": {
    "module": "ESNext",
    "target": "ESNext",
    "esModuleInterop": true,
    "composite": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "types": ["electron-vite/node"]
  }
}

And this is my tsconfig.json:

{
  "compilerOptions": {
    "module": "ESNext",
    "target": "ESNext",
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
  },
  "files": [],
  "references": [{ "path": "./tsconfig.node.json" }, { "path": "./tsconfig.web.json" }]
}

I would really appreciate it.

[alex8088]

@adnanlah check out https://electron-vite.org/guide/troubleshooting#error-err-require-esm-require-of-es-module