[runtime not ready]: TypeError: Cannot read property 'create' of undefined

[krzysztofzaluski]

Hey!

After integrating the Rozenite Redux DevTools plugin into our React Native app (using Re.Pack/Rspack), the app crashes on startup with

TypeError: Cannot read property 'create' of undefined coming from the plugin.

I created a repro repository so you can check what's going on.

I just tried android and it crashes at app startup.

We are using RePack 5.2.0

System Info

System:
  OS: macOS 15.6
  CPU: (11) arm64 Apple M3 Pro
  Memory: 596.08 MB / 18.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 23.9.0
    path: ~/.nvm/versions/node/v23.9.0/bin/node
  Yarn:
    version: 3.6.4
    path: /opt/homebrew/bin/yarn
  npm:
    version: 10.9.2
    path: ~/.nvm/versions/node/v23.9.0/bin/npm
  Watchman:
    version: 2025.02.17.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods: Not Found
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.2
      - iOS 18.2
      - macOS 15.2
      - tvOS 18.2
      - visionOS 2.2
      - watchOS 11.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2024.3 AI-243.22562.218.2431.13114758
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.14
    path: /usr/bin/javac
  Ruby:
    version: 3.3.2
    path: /Users/kzaluski/.rvm/rubies/ruby-3.3.2/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 18.0.0
    wanted: 18.0.0
  react:
    installed: 19.0.0
    wanted: 19.0.0
  react-native:
    installed: 0.79.4
    wanted: 0.79.4
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: false

Rozenite Version

^1.0.0-alpha.12

Reproduction

https://github.com/krzysztofzaluski/repack-rozenite

Steps to reproduce

yarn install

yarn start

yarn android

[V3RON]

Hey @krzysztofzaluski!

The problem is on the SWC side as it assumes that one of the dependency of @redux-devtools/remote is an ESM module, when in fact it is a CommonJS module. I'm in touch with @jbroma and we're trying to implement a workaround for it.

See this upstream issue.

[V3RON]

Update: we have an idea how to overcome this on Re.Pack level. I'll create a PR later today 😄

[npcv1999]

Hi @V3RON , I still get this crash when using the latest version
"@rozenite/redux-devtools-plugin": "1.0.0-alpha.14",
"@callstack/repack": "5.2.1",

[npcv1999]

My devDependencies
"devDependencies": {
"@babel/core": "7.25.2",
"@babel/plugin-syntax-typescript": "7.27.1",
"@babel/preset-env": "7.25.3",
"@babel/runtime": "7.25.0",
"@callstack/repack": "5.2.1",
"@callstack/repack-plugin-expo-modules": "5.2.1",
"@callstack/repack-plugin-reanimated": "5.2.1",
"@hot-updater/bare": "0.19.5",
"@hot-updater/repack": "0.19.1",
"@hot-updater/supabase": "0.19.5",
"@react-native-community/cli": "18.0.0",
"@react-native-community/cli-platform-android": "18.0.0",
"@react-native-community/cli-platform-ios": "18.0.0",
"@react-native/babel-preset": "0.79.3",
"@react-native/codegen": "0.79.2",
"@react-native/eslint-config": "0.79.3",
"@react-native/gradle-plugin": "0.79.3",
"@react-native/metro-config": "0.79.3",
"@react-native/typescript-config": "0.79.3",
"@rozenite/metro": "1.0.0-alpha.14",
"@rozenite/mmkv-plugin": "1.0.0-alpha.14",
"@rozenite/network-activity-plugin": "1.0.0-alpha.14",
"@rozenite/react-navigation-plugin": "1.0.0-alpha.14",
"@rozenite/redux-devtools-plugin": "1.0.0-alpha.14",
"@rozenite/repack": "1.0.0-alpha.14",
"@rspack/core": "1.3.15",
"@swc/helpers": "0.5.17",
"@types/jest": "29.5.13",
"@types/react": "19.0.0",
"@types/react-native-vector-icons": "6.4.18",
"@types/react-test-renderer": "19.1.0",
"babel-jest": "29.6.3",
"babel-loader": "10.0.0",
"babel-plugin-module-resolver": "5.0.2",
"babel-plugin-transform-inline-environment-variables": "0.4.4",
"babel-plugin-transform-remove-console": "^6.9.4",
"dotenv": "16.5.0",
"eslint": "8.19.0",
"file-loader": "6.2.0",
"hot-updater": "0.19.5",
"invariant": "2.2.4",
"jest": "29.6.3",
"mobile-eslint-config": "0.0.1",
"mobile-prettierrc-config": "0.0.1",
"mobile-sdk": "0.0.1",
"prettier": "2.8.8",
"react-fast-compare": "3.2.2",
"react-native-dotenv": "3.4.11",
"react-native-worklets-core": "1.6.2",
"react-test-renderer": "19.0.0",
"ts-loader": "9.5.2",
"typescript": "5.0.4"
}

[github-actions]

This issue has been marked as stale because it has been inactive for 30 days. Please update this issue or it will be automatically closed in 14 days.