mjs module resolution for React Native/Metro is broken about use-context-selector

[dai-shi]

https://www.npmjs.com/package/use-context-selector/v/1.4.1

[sf185127]

+1 . I've downgraded to 1.3.10 as a workaround for now (after needing to upgrade due to the react 18 children change)

[lightrow]

temporary fix
metro.config.js

const defaultSourceExts = require('metro-config/src/defaults/defaults').sourceExts;
const defaultResolver = require('metro-resolver').resolve;

module.exports = {
    transformer: {
        getTransformOptions: async () => ({
            transform: {
                experimentalImportSupport: false,
                inlineRequires: true,
            },
        }),
    },
    resolver: {
        sourceExts: process.env.RN_SRC_EXT
            ? [...process.env.RN_SRC_EXT.split(',').concat(defaultSourceExts), 'mjs']
            : [...defaultSourceExts, 'mjs'],
        resolveRequest: (context, moduleName, platform, realModuleName) => {
            if (moduleName.includes('use-context-selector')) {
                // https://github.com/dai-shi/use-context-selector/issues/82

                return {
                    filePath: path.join(__dirname, './node_modules/use-context-selector/dist/index.native.modern.mjs'),
                    type: 'sourceFile',
                };
            }
            return defaultResolver(
                {
                    ...context,
                    resolveRequest: null,
                },
                moduleName,
                platform,
                realModuleName,
            );
        },
    },
};

[dai-shi]

😱 I broke it in a commit... d063fb2
Thanks for reporting!!!

[dai-shi]

Please try #83 and see if the issue is resolved.
https://ci.codesandbox.io/status/dai-shi/use-context-selector/pr/83
Find "Local Install Instructions" in ☝️ .

[sf185127]

@dai-shi just tested this in my app, it works great. 👍

[dai-shi]

@sf185127 Thanks for confirming!