Plugin not working on iOS after migrating to Flipper 0.164.0

[simonkarmy]

I am facing a problem once I migrated to the latest flipper 0.164.0 It is working normally with Android, but in iOS it is always showing Plugin 'Redux Debugger' is not supported by the selected application 'XYZ' (iOS).

it was working normally when I was working with flipper 0.145.0

"dependencies": {
    ......
    "react-native": "0.66.4",
    "react-native-flipper": "^0.164.0",
    "redux-flipper": "^2.0.2",
    ......
}

I have run pod install multiple times with no hope, keeping in mind other parts from flipper is working normally

[plwai]

@jk-gan

[Woutwo]

I also have this issue. The error message I see is:

WARN  The native module for Flipper seems unavailable. Please verify that `react-native-flipper` is installed as yarn dependency to your project and, for iOS, that `pod install` is run in the `ios` directory.

[machadogj]

Same error message as OP with very similar config:

    "react-native": "0.66.3",
    "react-native-flipper": "^0.164.0",
    "redux-flipper": "^2.0.2",

I also have this error message in the Flipper logs:

5 plugin(s) were loaded in legacy mode. Please visit https://fbflipper.com/docs/extending/sandy-migration to learn how to migrate these plugins to the new Sandy architecture: 
Hermes Debugger (RN) (id: Hermesdebuggerrn)
KaiOS RAM graph (id: kaios-graphs)
Layout (id: Inspector)
LeakCanary (id: LeakCanary)
Redux Debugger (id: flipper-plugin-redux-debugger) 

[machadogj]

@simonkarmy do you have any updates or workarounds for this?

[jk-gan]

Let me take a look on this weekend.

[jk-gan]

After some testing, I think there are some changes in react-native-flipper >= 0.163.0 causing the issue. Downgrading to 0.162.0 works for me. I suspect the root cause is this commit message.

[machadogj]

hi @jk-gan, thanks for looking at this.

I changed the package.json, the Podfile, and downloaded the Flipper application, all using version 0.162.0, but I still have the same error.

Am I missing any steps? 🤔

Answering my own question: turns out I had an older version of the debugger in flipper. After I deleted the old one and installed the latest, it worked with version 0.162.0.

[jk-gan]

I wonder react-native 0.69 with the latest react-native-flipper will have this issue or not, I should find a day to test it.

[jk-gan]

redux-flipper seems to work with the the latest version of react-native-flipper now (v0.182.0 currently).

Here is my testing react-native app dependencies:

  "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"
  }

I'll close this issue. Feel free to re-open if the issue still occurring.

[AlexSobiloffSonos]

First, thanks for the plugin.

I'm experiencing this issue with rn 0.71.1 and flipper 0.186. flipper tells me:

The plugins below are installed in Flipper, but not available for the selected device / application. Hover the plugin info box to find out why.

Then when hovering the info icon next to the plugin name

Plugin 'Redux Debugger' is unavailable
Plugin 'Redux Debugger' is not supported by the selected application 'My App' (iOS).

This was working when we were on RN 0.68 and Flipper 125.

[nazmeln]

Hey @AlexSobiloffSonos I had the same issue("react-native": "0.71.6"), and adding the following into Podfile fixes it. Also, please make sure to add the line below conditionally if you're using any CI/CD tools.

pod 'react-native-flipper', path: '../node_modules/react-native-flipper'