Error when importing createRequire in API Route

[jinwatanabe]

I'm encountering an error when trying to use the createRequire import from the 'module' package in a Vite React Server Component. The error occurs when making an API call to localhost:3000/api/articles/popular.

Error Message

19:24:13 [react-server] [vite] Named export 'createRequire' not found. The requested module 'module' is a CommonJS module, which may not support all module.exports as named exports.
19:24:13 [react-server] CommonJS modules can always be imported via the default export, for example using:
19:24:13 [react-server] 
19:24:13 [react-server] import pkg from 'module';
19:24:13 [react-server] const {createRequire} = pkg;
19:24:13 [react-server] 
19:24:13 [react-server]   [stack]: SyntaxError: [vite] Named export 'createRequire' not found. The requested module 'module' is a CommonJS module, which may not support all module.exports as named exports.
19:24:13 [react-server] CommonJS modules can always be imported via the default export, for example using:
19:24:13 [react-server] 
19:24:13 [react-server] import pkg from 'module';
19:24:13 [react-server] const {createRequire} = pkg;
19:24:13 [react-server] 
19:24:13 [react-server]     at analyzeImportedModDifference (file:///home/jinwatanabe/workspace/tmp/koreda/node_modules/@lazarv/react-server/node_modules/vite/dist/node/module-runner.js:521:11)
19:24:13 [react-server]     at RSCModuleRunner.processImport (file:///home/jinwatanabe/workspace/tmp/koreda/node_modules/@lazarv/react-server/node_modules/vite/dist/node/module-runner.js:1129:56)
19:24:13 [react-server]     at RSCModuleRunner.cachedRequest (file:///home/jinwatanabe/workspace/tmp/koreda/node_modules/@lazarv/react-server/node_modules/vite/dist/node/module-runner.js:1165:21)
19:24:13 [react-server]   [message]: [vite] Named export 'createRequire' not found. The requested module 'module' is a CommonJS module, which may not support all module.exports as named exports.
19:24:13 [react-server] CommonJS modules can always be imported via the default export, for example using:
19:24:13 [react-server] 
19:24:13 [react-server] import pkg from 'module';
19:24:13 [react-server] const {createRequire} = pkg;
19:24:13 [react-server] 

https://github.com/jinwatanabe/tech-article-not-working

Key Points

1. The application worked in a previous implementation
   https://github.com/jinwatanabe/tech-article-app/tree/main

2. The error seems to be related to node_modules configuration

3. The issue appears to be a module system conflict (CommonJS vs ESM)

Questions

1. What could cause this module import issue in the node_modules configuration?
2. Is there a specific version or configuration of @lazarv/react-server that would resolve this?
3. How can I properly handle the createRequire import in this context?

Any insights on resolving this module system conflict would be greatly appreciated. Let me know if you need any additional information about the setup.

[lazarv]

Hi @jinwatanabe,

this is a module resolution issue in the development server. Convex is just trying to import createRequire' from module, not from node:module`. The fix is already in a PR and it'll very soon be available in the latest version of react-server. You can upgrade to the latest version as soon as you see a new GitHub release in this repo.

[jinwatanabe]

Thanks for understanding. I'll continue with the old version for now.
Looking forward to the new release!
Best regards