[🐛] iOS - onMessage and setBackgroundMessageHandler not triggering #7840
Comments
KongReply
added
help: needs-triage
You are sending what appears to be a "mixed" content message. As such the firebase-ios-sdk underlying code will post the notification and the handler in setBackgroundMessageHandler should be called but it has some of it's own requirements - it must be async / has to return a promise or it may not be registered/called, and if the device is in low power mode or has background refresh disabled (https://rnfirebase.io/messaging/usage#ios-background-limitation) then it will not be called Other than that, not sure why this isn't working for you if those conditions are met. You might watch what happens when the device receives the message via a look at the device log in Console.app to see how iOS and firebase-ios-sdk native code handles the FCM receipt and delivery |
|
It appears that the problem happened only while working with the emulator while everything works fine on a real device. Fun fact: removing the APNS header from the notification sent fixed the problem for the emulator, but caused the functions to not trigger with a real device |
Issue
When on android everything works as intended while, on iOS, i receive the notification while the app is in Background or quit but the onMessage or backgroundMessageHandler methods never trigger. I added Background fetch, Remote notifications and Push notifications from Signing Capabilities in Xcode. I already set the content-available: true from the server but it doesnt seem to work.
I've already looked through a lot of workaround and solutions but nothing seems to work in my case...
App.tsx:Also this is the code used to trigger the notification
Project Files
Javascript
Click To Expand
package.json:{ "name": "example", "version": "0.0.1", "private": true, "scripts": { "start": "expo start --dev-client", "ios": "react-native run-ios", "ios:dev": "NODE_ENV=development react-native run-ios --scheme \"A2AEnergyHub dev\"", "ios:prod": "NODE_ENV=production react-native run-ios --scheme \"A2AEnergyHub prod\"", "android": "react-native run-android --active-arch-only", "android:dev": "ENVFILE=.env.dev && react-native run-android --mode=devdebug", "android:dev-release": "ENVFILE=.env.dev && react-native run-android --mode=devrelease", "android:prod": "ENVFILE=.env.prod && react-native run-android --mode=proddebug", "android:prod-release": "ENVFILE=.env.prod && react-native run-android --mode=prodrelease", "android:aab-dev": "ENVFILE=.env.dev && cd android/ && ./gradlew assembleDevRelease", "android:aab-prod": "ENVFILE=.env.prod && cd android/ && ./gradlew assembleProdRelease", "compile": "tsc --noEmit -p . --pretty", "format": "prettier --write \"app/**/*.{js,jsx,json,md,ts,tsx}\"", "lint": "eslint index.js App.js app test --fix --ext .js,.ts,.tsx", "patch": "patch-package", "test": "jest", "test:watch": "jest --watch", "adb": "adb reverse tcp:9090 tcp:9090 && adb reverse tcp:3000 tcp:3000 && adb reverse tcp:9001 tcp:9001 && adb reverse tcp:8081 tcp:8081", "bundle:ios": "react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios", "bundle:android": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res", "bundle:visualize": "npx react-native-bundle-visualizer", "bundle:visualize:dev": "npx react-native-bundle-visualizer --dev", "release:ios": "echo 'Not implemented yet: release:ios. Use Xcode. More info: https://reactnative.dev/docs/next/publishing-to-app-store'", "release:android": "cd android && rm -rf app/src/main/res/drawable-* && ./gradlew assembleRelease && cd - && echo 'APK generated in ./android/app/build/outputs/apk/release/app-release.apk'", "clean": "npx react-native-clean-project", "clean-all": "npx react-native clean-project-auto", "expo:start": "expo start", "expo:android": "expo start --android", "expo:ios": "expo start --ios", "expo:web": "expo start --web", "prebuild": "expo prebuild --clean", "codegen": "graphql-codegen --config codegen.ts" }, "overrides": { "react-error-overlay": "6.0.9" }, "dependencies": { "@expo-google-fonts/maven-pro": "^0.2.3", "@expo/metro-config": "^0.10.7", "@expo/webpack-config": "^18.0.1", "@forgerock/javascript-sdk": "^4.3.0", "@gorhom/bottom-sheet": "^4.6.0", "@react-native-async-storage/async-storage": "1.17.11", "@react-native-firebase/analytics": "^19.0.1", "@react-native-firebase/app": "^19.0.1", "@react-native-firebase/auth": "^19.0.1", "@react-native-firebase/messaging": "^19.0.1", "@react-native-firebase/storage": "^19.0.1", "@react-navigation/bottom-tabs": "^6.3.2", "@react-navigation/native": "^6.0.2", "@react-navigation/native-stack": "^6.0.2", "@react-navigation/stack": "^6.3.20", "@reduxjs/toolkit": "^2.1.0", "date-fns": "^2.29.2", "date-holidays": "^3.23.12", "expo": "~48.0.21", "expo-application": "~5.1.1", "expo-auth-session": "~4.0.3", "expo-build-properties": "^0.11.1", "expo-constants": "~14.2.1", "expo-device": "~5.2.1", "expo-file-system": "~15.2.2", "expo-font": "~11.1.1", "expo-image-picker": "~14.1.1", "expo-linking": "~4.0.1", "expo-localization": "~14.1.1", "expo-modules-core": "~1.2.3", "expo-splash-screen": "~0.18.2", "expo-status-bar": "~1.4.4", "expo-web-browser": "~12.1.1", "formik": "^2.4.5", "i18n-js": "3.9.2", "jotai": "^2.4.3", "moment": "^2.30.1", "node-emoji": "^2.1.3", "react": "18.2.0", "react-native": "0.71.14", "react-native-bootsplash": "^4.7.5", "react-native-calendars": "^1.1304.1", "react-native-config": "^1.5.1", "react-native-copilot": "^3.3.0", "react-native-element-dropdown": "^2.10.1", "react-native-emoji": "^1.8.0", "react-native-exit-app": "^2.0.0", "react-native-fast-image": "^8.6.3", "react-native-gesture-handler": "~2.9.0", "react-native-linear-gradient": "2.5.6", "react-native-markdown-display": "^7.0.2", "react-native-mmkv": "^2.10.2", "react-native-pager-view": "6.1.2", "react-native-reanimated": "~2.14.4", "react-native-render-html": "^6.3.4", "react-native-root-siblings": "^5.0.1", "react-native-root-toast": "^3.5.1", "react-native-safe-area-context": "4.5.0", "react-native-screens": "~3.20.0", "react-native-svg": "12.1.0", "react-native-tracking-transparency": "^0.1.2", "react-native-ui-datepicker": "^2.0.1", "react-native-ui-lib": "^7.16.0", "react-native-walkthrough-tooltip": "^1.6.0", "react-native-webview": "11.26.0", "react-query": "^3.39.3", "react-redux": "^9.1.0", "yup": "^1.3.3" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/plugin-proposal-export-namespace-from": "^7.18.9", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@graphql-codegen/cli": "3.1.0", "@graphql-codegen/client-preset": "2.1.0", "@graphql-codegen/import-types-preset": "^2.2.6", "@graphql-codegen/introspection": "3.0.1", "@graphql-codegen/typescript": "^3.0.1", "@graphql-codegen/typescript-operations": "^3.0.1", "@graphql-codegen/typescript-react-apollo": "^3.3.7", "@graphql-codegen/typescript-react-query": "^4.1.0", "@react-native-community/cli-platform-ios": "^8.0.2", "@rnx-kit/metro-config": "^1.3.5", "@rnx-kit/metro-resolver-symlinks": "^0.1.26", "@types/i18n-js": "3.8.2", "@types/jest": "^29.2.1", "@types/react": "~18.0.27", "@types/react-test-renderer": "^18.0.0", "@typescript-eslint/eslint-plugin": "^5.59.0", "@typescript-eslint/parser": "^5.59.0", "babel-jest": "^29.2.1", "babel-loader": "8.2.5", "babel-plugin-root-import": "^6.6.0", "eslint": "8.17.0", "eslint-config-prettier": "8.5.0", "eslint-config-standard": "17.0.0", "eslint-plugin-import": "2.26.0", "eslint-plugin-n": "^15.0.0", "eslint-plugin-node": "11.1.0", "eslint-plugin-promise": "6.0.0", "eslint-plugin-react": "7.30.0", "eslint-plugin-react-native": "4.0.0", "expo-modules-autolinking": "~1.1.0 || ~1.2.0", "fbjs-scripts": "3.0.1", "jest": "^29.2.1", "jest-circus": "29", "jest-environment-node": "29", "jest-expo": "^49.0.0", "metro": "^0.80.8", "metro-config": "0.75.1", "metro-core": "^0.80.8", "metro-react-native-babel-preset": "0.75.1", "metro-source-map": "0.75.1", "mocha": "^10.2.0", "patch-package": "6.4.7", "postinstall-prepare": "1.0.1", "prettier": "2.8.8", "query-string": "^7.0.1", "react-devtools-core": "^4.28.5", "react-dom": "18.2.0", "react-native-web": "~0.18.7", "react-test-renderer": "18.2.0", "regenerator-runtime": "^0.13.4", "ts-jest": "29", "typescript": "^4.9.4" }, "resolutions": { "@types/react": "^18", "@types/react-dom": "^18" }, "engines": { "node": ">=18" }, "prettier": { "printWidth": 100, "semi": false, "singleQuote": false, "trailingComma": "all" }, "eslintConfig": { "root": true, "parser": "@typescript-eslint/parser", "extends": [ "plugin:@typescript-eslint/recommended", "plugin:react/recommended", "plugin:react-native/all", "standard", "prettier", "plugin:react-hooks/recommended", "plugin:prettier/recommended" ], "plugins": [ "@typescript-eslint", "react", "react-native" ], "parserOptions": { "ecmaFeatures": { "jsx": true }, "project": "./tsconfig.json" }, "settings": { "react": { "pragma": "React", "version": "detect" } }, "globals": { "__DEV__": false, "jasmine": false, "beforeAll": false, "afterAll": false, "beforeEach": false, "afterEach": false, "test": false, "expect": false, "describe": false, "jest": false, "it": false }, "rules": { "@typescript-eslint/ban-ts-ignore": 0, "@typescript-eslint/ban-ts-comment": 0, "@typescript-eslint/explicit-function-return-type": 0, "@typescript-eslint/explicit-member-accessibility": 0, "@typescript-eslint/explicit-module-boundary-types": 0, "@typescript-eslint/indent": 0, "@typescript-eslint/member-delimiter-style": 0, "@typescript-eslint/no-empty-interface": 0, "@typescript-eslint/no-explicit-any": 0, "@typescript-eslint/no-object-literal-type-assertion": 0, "@typescript-eslint/no-var-requires": 0, "@typescript-eslint/no-inferrable-types": 0, "@typescript-eslint/no-unused-vars": [ "error", { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" } ], "comma-dangle": 0, "multiline-ternary": 0, "no-undef": 0, "no-unused-vars": 0, "no-use-before-define": 0, "no-global-assign": 0, "quotes": 0, "react-native/no-raw-text": 0, "react-native/no-inline-styles": 0, "react-native/no-color-literals": 0, "react/no-unescaped-entities": 0, "react/prop-types": 0, "space-before-function-paren": 0, "react-hooks/rules-of-hooks": "error", "react-hooks/exhaustive-deps": "error" } } }firebase.jsonfor react-native-firebase v6:# N/AiOS
Click To Expand
ios/Podfile:AppDelegate.m:Android
Click To Expand
Have you converted to AndroidX?
android/gradle.settingsjetifier=truefor Android compatibility?jetifierfor react-native compatibility?android/build.gradle:// N/Aandroid/app/build.gradle:// N/Aandroid/settings.gradle:// N/AMainApplication.java:// N/AAndroidManifest.xml:<!-- N/A -->Environment
Click To Expand
react-native infooutput:react-native-firebaseversion you're using that has this issue:19.0.1Firebasemodule(s) you're using that has the issue:MessagingTypeScript?Y&4.9.4React Native FirebaseandInvertaseon Twitter for updates on the library.The text was updated successfully, but these errors were encountered: