Vite (using ESBuild) fails with 'require() of ES Module not supported' about nivo HOT 7 CLOSED

The suggested Vite config addition from the other ticket actually worked wonders. Thx.

  ssr: {
    noExternal: [/^d3.*$/, /^@nivo.*$/],
  },

from nivo.

Perhaps a useful article on how to make the library work well for both ESM and CommonJS: https://www.maxpou.fr/blog/publish-npm-package-esm-and-cjs/

from nivo.

You might also want to switch from lodash to lodash-es so you can use imports like import { cloneDeep } from 'lodash-es' while benefiting from ESM's tree shaking to minimize the end users bundle size.

from nivo.

I think it's a duplicate of #2310.

from nivo.

Could be but everyone wants to discontinue the commonjs version while the exports skips the need to do so, keeping only the lodash afterwards. I've managed to get it to work locally by patching nivo by both adding the exports section to all nivo package.json files and by adding the .js extension suffix to all lodash imports. I'll try to create a pull request for both.

from nivo.

everyone wants to discontinue the commonjs version while the exports skips the need to do so

There are many tools out there, some with their own way of loading things, I think that's a bold assumption.

from nivo.

I'm going to close this issue, as it's clearly related.

from nivo.