flipper-plugin-redux-debugger: Plugin flipper-plugin-redux-debugger failed to load Error: Cannot find module 'react'

I’m trying to integrate redux-flipper plugin But I’m getting the following error: Screen Shot 2023-02-16 at 3 19 45 PM

I installed the plugin on flipper desktop app. I also installed redux-flipper: ^2.0.2 and react-native-flipper: ^0.162.0 into the app. I added the plugin to middleware array:

const createDebugger = require("redux-flipper").default
middlewares.push(createDebugger())

Could you help please?

About this issue

  • Original URL
  • State: open
  • Created a year ago
  • Reactions: 4
  • Comments: 15 (5 by maintainers)

Most upvoted comments

Facing the same issue, I’ve updated:

  • package react-native-flipper (to 0.184.0)
  • cd ios && pod install
  • rebuild iOS app
  • desktop app to 0.184.0

And it works again

@hossamnasser938 @afonsopbarros @jvfalco1 is it possible to use the latest version of react-native-flipper and flipper desktop app and try again?

I tested on my machine with react-native-flipper 0.182.0 and flipper desktop app version 0.182.0, it works perfectly

"dependencies": {
    "@reduxjs/toolkit": "^1.9.3",
    "react": "18.1.0",
    "react-native": "0.70.6",
    "react-native-flipper": "^0.182.0",
    "react-redux": "^8.0.5",
    "redux-flipper": "^2.0.2"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "@react-native-community/eslint-config": "^2.0.0",
    "@tsconfig/react-native": "^2.0.2",
    "@types/jest": "^26.0.23",
    "@types/react": "^18.0.21",
    "@types/react-native": "^0.70.6",
    "@types/react-test-renderer": "^18.0.0",
    "@typescript-eslint/eslint-plugin": "^5.37.0",
    "@typescript-eslint/parser": "^5.37.0",
    "babel-jest": "^26.6.3",
    "eslint": "^7.32.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "0.72.3",
    "react-test-renderer": "18.1.0",
    "typescript": "^4.8.3"
  }
Screenshot 2023-02-25 at 1 59 42 PM