[Cloud Messaging] [Android] getInitialNotification() triggering on quit state but return null

[AchrafBn]

Issue

Hi,
The method getInitialNotification() fired on background state and it returns a warning "No background message handler has been set. Set a handler via the "setBackgroundMessageHandler" method."
And on quit state it returns null and a warning No task registered for key ReactNativeFirebaseMessagingHeadlessTask

Any solution please ?

Thanks in advance.

Javascript

Click To Expand

android/build.gradle:

buildscript {
    ext {
        buildToolsVersion = "29.0.3"
        minSdkVersion = 21
        compileSdkVersion = 30
        targetSdkVersion = 30
    }
    repositories {
        google()
        mavenCentral()
        jcenter()
    }
    dependencies {
        classpath 'com.google.gms:google-services:4.3.3'
        classpath("com.android.tools.build:gradle:4.1.0")

    }
}

allprojects {
    repositories {
        mavenLocal()
        maven {
            url(new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), "../android"))
        }
        maven {
            url(new File(["node", "--print", "require.resolve('jsc-android/package.json')"].execute(null, rootDir).text.trim(), "../dist"))
        }

        google()
        mavenCentral()
        jcenter()
        maven { url 'https://www.jitpack.io' }
    }
}
def expoCameraMavenPath = new File(["node", "--print", "require.resolve('expo-camera/package.json')"].execute(null, rootDir).text.trim(), "../android/maven")
allprojects { repositories { maven { url(expoCameraMavenPath) } } }

package.json:

  "name": "Quizz",
  "version": "1.0.0",
  "main": "./index.js",
  "private": true,
  "scripts": {
    "start": "expo start --dev-client",
    "android:build-apk": "eas build --platform android --profile staging --local"
  },
  "dependencies": {
    "@expo/react-native-action-sheet": "^3.13.0",
    "@expo/vector-icons": "^12.0.0",
    "@react-native-community/hooks": "^2.8.1",
    "@react-native-firebase/app": "14.7.0",
    "@react-native-firebase/auth": "14.7.0",
    "@react-native-firebase/firestore": "14.7.0",
    "@react-native-firebase/functions": "^14.7.0",
    "@react-native-firebase/messaging": "^14.7.0",
    "@react-native-firebase/storage": "^14.7.0",
    "@react-navigation/bottom-tabs": "^6.0.9",
    "@react-navigation/native": "^6.0.6",
    "@react-navigation/native-stack": "^6.2.5",
    "@typescript-eslint/eslint-plugin": "4.28.4",
    "@typescript-eslint/parser": "4.28.4",
    "axios": "^0.25.0",
    "expo": "^44.0.4",
    "expo-asset": "~8.4.6",
    "expo-blur": "~11.0.0",
    "expo-dev-client": "~0.8.5",
    "expo-file-system": "~13.1.4",
    "expo-font": "~10.0.4",
    "expo-image-manipulator": "^10.2.1",
    "expo-image-picker": "~12.0.1",
    "expo-linear-gradient": "~11.0.3",
    "expo-linking": "~3.0.0",
    "expo-localization": "~12.0.0",
    "expo-mail-composer": "~11.1.0",
    "expo-print": "~11.1.0",
    "expo-splash-screen": "~0.14.1",
    "expo-status-bar": "~1.2.0",
    "expo-updates": "~0.11.7",
    "expo-web-browser": "~10.1.0",
    "formik": "^2.2.9",
    "i18next": "^21.6.3",
    "map-stream": "0.0.7",
    "nanoid": "^3.3.1",
    "pdfkit": "^0.13.0",
    "pearl-ui": "2.1.0",
    "qrcode": "^1.5.0",
    "react": "17.0.1",
    "react-dom": "17.0.1",
    "react-i18next": "^11.15.1",
    "react-native": "0.64.3",
    "react-native-image-progress": "^1.2.0",
    "react-native-lightbox-v2": "^0.8.8",
    "react-native-modal": "13.0.0",
    "react-native-modalize": "^2.0.13",
    "react-native-pager-view": "5.4.9",
    "react-native-portalize": "^1.0.7",
    "react-native-svg": "12.1.1",
    "react-native-view-shot": "3.1.2",
    "react-native-web": "0.17.1",
    "react-query": "^3.34.6",
    "react-uid": "^2.3.1",
    "recoil": "^0.5.2",
    "swagger-typescript": "^6.0.0",
    "uuid": "^8.3.2",
    "yup": "^0.32.11",
    "yup-locales": "^1.2.2"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.15.4",
    "@react-native-community/eslint-config": "^3.0.1",
    "@storybook/react-native": "^5.3.23",
    "@types/color": "^3.0.1",
    "@types/jest": "^26.0.23",
    "@types/lodash": "^4.14.170",
    "@types/react": "~17.0.21",
    "@types/react-native": "~0.64.12",
    "@types/react-native-keyboard-spacer": "^0.4.1",
    "@types/react-test-renderer": "16.9.2",
    "babel-jest": "^27.2.4",
    "babel-loader": "^8.2.3",
    "metro-react-native-babel-preset": "^0.66.2",
    "react-native-svg-transformer": "^1.0.0",
    "react-test-renderer": "17.0.2",
    "typescript": "~4.5.4"
  },
  "jest": {
    "preset": "react-native"
  }
}

Environment:

  expo-env-info 1.0.3 environment info:
    System:
      OS: macOS 11.2.3
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 14.15.3 - /var/folders/nn/tt3qwcv969n5lbty3zp_x2jw0000gn/T/yarn--1653581718379-0.1388046798014555/node
      Yarn: 1.22.10 - /var/folders/nn/tt3qwcv969n5lbty3zp_x2jw0000gn/T/yarn--1653581718379-0.1388046798014555/yarn
      npm: 8.9.0 - ~/.nvm/versions/node/v14.15.3/bin/npm
    Managers:
      CocoaPods: 1.11.3 - /usr/local/bin/pod
    SDKs:
      iOS SDK:
        Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4
      Android SDK:
        API Levels: 29, 30, 31
        Build Tools: 29.0.2, 30.0.0, 30.0.2, 31.0.0
        System Images: android-29 | Intel x86 Atom_64, android-30 | Google Play Intel x86 Atom
    IDEs:
      Android Studio: 2020.3 AI-203.7717.56.2031.7678000
      Xcode: 12.5.1/12E507 - /usr/bin/xcodebuild
    npmPackages:
      expo: ^44.0.4 => 44.0.6
      react: 17.0.1 => 17.0.1
      react-dom: 17.0.1 => 17.0.1
      react-native: 0.64.3 => 0.64.3
      react-native-web: 0.17.1 => 0.17.1
    npmGlobalPackages:
      eas-cli: 0.47.0
      expo-cli: 5.2.0
    Expo Workflow: bare

My code:

  useEffect(() => {
    //When the application is running, but in the background.
    messaging().onNotificationOpenedApp((remoteMessage) => {
      if (remoteMessage) {
        const data = JSON.parse(remoteMessage?.data?.object);
        navigation.navigate("chat", {
          notify: true,
          ...data,
        });
      }
    });

    messaging()
      .getInitialNotification()
      .then((remoteMessage) => {
        // When the application is opened from a quit state.
        if (remoteMessage) {
          const data = JSON.parse(remoteMessage?.data?.object);

          navigation.navigate("chat", {
            notify: true,
            ...data,
          });
        }
      });
    // Get the device token
    if (firebase.auth().currentUser) {
      messaging()
        .getToken()
        .then((token) => {
          return saveTokenToDatabase(token);
        });
    }
    // Listen to whether the token changes
    return messaging().onTokenRefresh((token) => {
      saveTokenToDatabase(token);
    });
  }, []);

[mikehardy]

We have it documented here - set a handler https://rnfirebase.io/messaging/usage#background--quit-state-messages

[AchrafBn]

@mikehardy I set a handle and those warning disappear but I still received null when getInitialNotification() triggered on quit state, On IOS everything is working just fine