ReferenceError: exports is not defined

[danez]

Since #702 react-codemirror throws an error for me. I haven't had time to dig deeper, but it seems that the commons file is loaded, but because of "type:module" it is interpreted as ESM.

This is how I import in my source:

import { useCallback } from 'react';
import { useTheme } from 'next-themes';
import CodeMirror from '@uiw/react-codemirror';
import { javascript } from '@codemirror/lang-javascript';
import { json } from '@codemirror/lang-json';
import { EditorView } from '@codemirror/view';

...

ref: reactjs/react-docgen#976

[jaywcjlove]

@danez I see that it is needed in many places, especially in Vite projects. So are you suggesting that I should remove it or keep it? Removing it might affect certain use cases, but keeping it could cause issues like the one you encountered. What do you think?

• NPM modules incorrectly interpreted as CJS #680 (comment)
• Problem importing `@uiw/react-codemirror #710

[danez]

Technically the type: module is wrong because not all files in the packed package are esm.

Maybe it would be better to remove the type:module again and instead use *.cjs and *.mjs extension for commonjs/esm. Then nodejs will do the correct thing.
Not sure though if it solves the vite problem.

Could also leave the type:module and only change commonjs to generate *.cjs files. I will try that tomorrow.

[MarcoPNS]

Have the same error. 4.23.8 runs perfectly but with 4.23.9 I get the "exports is not defined" error.

[jaywcjlove]

• Problem importing `@uiw/react-codemirror #710 (comment)

[04756]

Same error. 4.23.8 runs perfectly but with 4.23.10 I get the "exports is not defined" error. No new config changes recently in my project.