react-navigation bug

[eeuruetade]

I'm working on a project with module federation and it works fine until react-navigation is added.

my package.json

 "dependencies": {
    "@react-navigation/native": "^6.1.18",
    "@react-navigation/native-stack": "^6.11.0",    
    "react": "18.2.0",
    "react-native": "0.74.3",
    "react-native-gesture-handler": "^2.18.1",
    "react-native-get-random-values": "^1.11.0",
    "react-native-safe-area-context": "^4.10.8",
    "react-native-screens": "^3.34.0",
    "react-native-svg": "^15.4.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@babel/preset-env": "^7.20.0",
    "@babel/runtime": "^7.20.0",
    "@callstack/repack": "^4.1.1",
    "@react-native/babel-preset": "0.74.85",
    "@react-native/eslint-config": "0.74.85",
    "@react-native/metro-config": "0.74.85",
    "@react-native/typescript-config": "0.74.85",
    "@types/react": "^18.2.6",
    "@types/react-test-renderer": "^18.0.0",
    "babel-jest": "^29.6.3",
    "babel-loader": "^9.1.3",
    "eslint": "^8.19.0",
    "jest": "^29.6.3",
    "prettier": "2.8.8",
    "react-test-renderer": "18.2.0",
    "terser-webpack-plugin": "^5.3.10",
    "typescript": "5.0.4",
    "webpack": "^5.93.0"
  }

I started a new project, made sure the navigation worked with two screens, and when adding @callstack/repack, the project crashes

[ayushnathani]

I am facing a similar issue. I am not using module federal though.
#689

[eeuruetade]

This setting worked for me

 {
          test: /\.[cm]?[jt]sx?$/,
          include: /node_modules(?!\/nanoid)/,
          // include: [
          //   /node_modules(.*[/\\])+react-native/,
          //   /node_modules(.*[/\\])+@react-native/,
          //   /node_modules(.*[/\\])+@react-navigation/,
          //   /node_modules(.*[/\\])+@react-native-community/,
          //   /node_modules(.*[/\\])+expo/,
          //   /node_modules(.*[/\\])+pretty-format/,
          //   /node_modules(.*[/\\])+metro/,
          //   /node_modules(.*[/\\])+abort-controller/,
          //   /node_modules(.*[/\\])+@callstack[/\\]repack/,
          //   /node_modules(.*[/\\])+react-freeze/,
          //   // --> navigation
          //   /node_modules(.*[/\\])+@react-native-masked-view[/\\]masked-view/,
          //   /node_modules(.*[/\\])+react-native-gesture-handler/,
          //   /node_modules(.*[/\\])+react-native-safe-area-context/,
          //   /node_modules(.*[/\\])+react-native-screens/,
          //   // --> axios (not working)
          //   /node_modules(.*[/\\])+axios/,
          //   /node_modules(.*[/\\])+follow-redirects/,
          //   /node_modules(.*[/\\])+form-data/,
          //   /node_modules(.*[/\\])+proxy-from-env/,
          // ],
          use: 'babel-loader',
 },