EvalError: No "exports" main defined in ESM only modules

[visualjeff]

Steps to reproduce

I'm trying use PigmentCSS with Nextjs along with my sample Component (that lives in an ESM only module) but I've run into this issue when I try to perform a Nextjs build:

unhandledRejection /Users/.../node_modules/@wyw-in-js/transform/lib/module.js:224
      throw new EvalError(`${e.message} in${this.callstack.join('\n| ')}\n`);
      ^
EvalError: No "exports" main defined in /Users/.../node_modules/@sample/sample-components/package.json in/Users/.../src/services/content/stackClient.ts

Any ideas on how I can get PigmentCSS to work with ESM only modules? I followed the instructions on how to configure Nextjs for PigmentCSS. The instructions were pretty straight forward.

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

Here is my environment info:

  System:
    OS: macOS 13.5
    CPU: (12) arm64 Apple M2 Max
    Memory: 106.67 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.19.1 - ~/.nvm/versions/node/v18.19.1/bin/node
    npm: 10.9.0 - ~/Documents/ADO/browse.costco.web/node_modules/.bin/npm
  npmPackages:
    @emotion/cache: 11.13.1 => 11.13.1 
    @emotion/react: 11.13.3 => 11.13.3 
    @emotion/styled: 11.13.0 => 11.13.0 
    @mui/material-nextjs: 6.1.6 => 6.1.6 
    @mui/material-pigment-css: ^6.1.7 => 6.1.7 
    @mui/system: 6.1.6 => 6.1.6 
    @mui/utils: 6.1.6 => 6.1.6 
    @pigment-css/nextjs-plugin: ^0.0.27 => 0.0.27 
    next: ^14.1.3 => 14.2.18 
    next-compose-plugins: 2.2.1 => 2.2.1 
    next-i18n-router: ^5.2.0 => 5.5.1 
    next-test-api-route-handler: ^4.0.5 => 4.0.14 
    react: ^18.2.0 => 18.3.1 
    react-dom: ^18 => 18.3.1 
    ts-node: ^10.9.2 => 10.9.2 
    typescript: ^5.4.2 => 5.6.3 
    webpack: 5.89.0 => 5.89.0 

Thank you!!!

Search keywords: ESM EvalError