@babel/runtime/ helpers/interopRequireDefault after upgrade from 0.72.3 to 0.82.1

[mittalkamal29]

Hi Team

I have update my RN version with latest one but after update, i am getting below error every time.

I tried multiple solution suggested by AI (ChatGPT and Curser) as well as which found during google search but still same issue.

Can any one suggest any solution for same?

• Kamal

[dexical30]

Hello, I’m experiencing the same issue as well.

Are you using a monorepo by any chance?
In my case, this happens when using a pnpm-based monorepo.

[dexical30]

I’m not sure if you’ve already resolved this, but if using a monorepo is the root cause, you can fix the issue by adding the workspace root node_modules path to watchFolders in Metro.

metro.config.js

const path = require("path");
const { getDefaultConfig, mergeConfig } = require("@react-native/metro-config");

const workspaceRoot = path.resolve(__dirname, "../../../");
const projectRoot = __dirname;

const config = {
  watchFolders: [
    path.resolve(workspaceRoot, "packages"),
    path.resolve(workspaceRoot, "libs"),
    // In a pnpm workspace, node_modules is not located at the project root,
    // so it must be explicitly added.
    // https://metrobundler.dev/docs/local-development
    path.resolve(workspaceRoot, "node_modules"),
  ],
  resolver: {
    nodeModulesPaths: [
      path.resolve(projectRoot, "node_modules"),
      path.resolve(workspaceRoot, "node_modules"),
    ],
  },
};

module.exports = mergeConfig(getDefaultConfig(projectRoot), config);

When resolving packages, paths that are not included in watchFolders are not added to Metro’s file system tree, so Metro cannot find those packages.

After applying this configuration, I confirmed that pnpm symlinks work correctly and module resolution issues were resolved.