While trying to resolve module `immer@10.0.2` React Native

[nhchuongchkst19]

Error: While trying to resolve module immer from file /app/screens/comment.tsx, the package /build/node_modules/immer/package.json was successfully found. However, this package itself specifies a main module field that could not be resolved (/node_modules/immer/dist/immer.mjs. Indeed, none of these files exist

Originally posted by @nhchuongchkst19 in #331 (comment)

[darwinshameran]

Having the same issue, it's preventing us from upgrading. 😞

[mweststrate]

The package.json's main file points to "./dist/cjs/index.js" at https://unpkg.com/immer@10.0.2/package.json which does exist, https://unpkg.com/immer@10.0.2/dist/cjs/index.js. So this sounds rather like an issue in your build setup or React Native (maybe some cache needs clearing)? The react-native config indeed specifies dist/immer.mjs, but again, that file exists: https://unpkg.com/immer@10.0.2/dist/immer.mjs.

cc @markerikson did you get similar reports for Redux, since we follow basically the same module config?

[markerikson]

None of our changes are officially released yet :) They're all still in beta.

(Related, I put up a blog post last week recapping all my efforts to modernize the Redux packages, including some mentions of helping Immer: https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/ )

Unfortunately I don't use RN myself, so I don't have an easy way to repro / check on this.

[mweststrate]

Possible solution is mentioned here: #1065 (comment)

[mweststrate]

I think immer@10.0.3-beta solves it for everyone. Would someone mind verifying? Then I'll cut an official release.

[dmotz]

@mweststrate I tried 10.0.3-beta in a React Native app that wasn't working with previous 10.x versions, and can confirm 10.0.3-beta fixes the issue 👍

[github-actions]

🎉 This issue has been resolved in version 10.0.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀