React Native Flipper Debugging Issue : "NO APPLICATION SELECTED"

Question

I have managed to connect a device ( I see logs and see the tree of React Native elements), but now I have an issue with connecting the app - "NO APPLICATION SELECTED" is what I see. Any ideas to fix it?

Answer 1

Ran into the same problem on both iOS and Android with Flipper 0.135.0. Managed to make both work by following the steps below.

iOS

This answer solved the issue for me.

tl;dr

brew update && brew upgrade idb-companion

Also make sure you are installing the correct Cocoapod of Flipper by specifying the exact version in your Podfile with (for version 0.135.0)

use_flipper!({ 'Flipper'=> '0.135.0' })

---

Android

Ensure that ReactNativeFlipper.java is in the correct folder, as in this example project.

With for example the applicationId com.domain.appName, the correct path is

android/app/src/debug/java/com/domain/appName/ReactNativeFlipper.java

In my project this Java file was in the incorrect folder, which resulted in the Logcat error

java.lang.ClassNotFoundException: com.domain.appName.ReactNativeFlipper

Answer 2

Ensure that you are running the latest version of Flipper (0.120.0 as of this message) and then:

For Android:

• Bump the FLIPPER_VERSION variable in android/gradle.properties, for example: FLIPPER_VERSION=0.120.0.
• Run ./gradlew clean in the android directory.

For iOS:

• Call use_flipper with a specific version in ios/Podfile, for example: use_flipper!({ 'Flipper' => '0.120.0' }).
• Run pod install in the ios directory.

Reference: https://fbflipper.com/docs/getting-started/react-native/#using-the-latest-flipper-sdk