uiwjs / uiwjs/react-codemirror
Problem importing `@uiw/react-codemirror
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.3k
- Forks
- 161
- PR merge metrics
- No merged PRs in 30d
Description
Cannot find module '@uiw/react-codemirror/esm/useCodeMirror' imported from @uiw/react-codemirror/esm/index.js
on a simple import CodeMirror from "@uiw/react-codemirror";.
This is a Remix project built with Vite 5. "type": "module" is set on my package.json.
This is the only package I have this issue with. Running on Node 22. On Node 20, I get Cannot use import statement outside a module.
This makes me think it has something to do with ESM / CJS / … module resolution going wrong, but I can't really debug it more than that.
If I do a dynamic import(), it works fine.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the static import in a Remix project using Vite 5 on Node 20 and Node 22, then inspect the @uiw/react-codemirror/esm/index.js entry point and its useCodeMirror import. Compare this with the working dynamic import; done means the package can be statically imported without ESM/CJS module-resolution errors.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- node.js, react, typescript, vite
- Domain
- build-system, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100