When receiving messages from firebase console, app crashes(<appName> has stopped) - react-native

Question

When I send test message from firebase console to my device, the app crashes without any console log.
Installed packages:
"react": "16.6.3"
"react-native": "^0.59.8"
"react-native-device-info": "^1.4.3"
"react-native-firebase": "^5.3.1"
"react-native-paper": "^2.12.0"
"react-native-vector-icons": "^6.3.0"
build.gradle
// Firebase dependencies
implementation "com.google.android.gms:play-services-base:16.1.0"
implementation "com.google.android.gms:play-services-auth:16.0.1"
implementation "com.google.firebase:firebase-core:16.0.9"
implementation "com.google.firebase:firebase-messaging:18.0.0"
Things already tried:
adb logcat - no use
adb logcat *:S ReactNative:V ReactNativeJS:V - no use
//App.js code for receiving remote notification
async componentDidMount() {
this.checkPermission();
this.onTokenRefreshListener = firebase.messaging().onTokenRefresh(fcmToken => {
// Process your token as required
Alert.alert(fcmToken);
});
this.messageListener = firebase.messaging().onMessage((message) => {
console.log("JSON.stringify:", JSON.stringify(message));
Alert.alert(message);
});
this.notificationDisplayedListener = firebase.notifications().onNotificationDisplayed((notification: Notification) => {
const { title, body } = notification;
console.log('onNotification:');
const localNotification = new firebase.notifications.Notification({
show_in_foreground: true,
})
.setNotificationId(notification.notificationId)
.setTitle(notification.title)
.setBody(notification.body)
.android.setChannelId('fcm_FirebaseNotifiction_default_channel') // e.g. the id you chose above
.android.setSmallIcon('#drawable/ic_launcher') // create this icon in Android Studio
.android.setColor('#000000') // you can set a color here
.android.setPriority(firebase.notifications.Android.Priority.High);
firebase.notifications()
.displayNotification(localNotification)
});
this.notificationListener = firebase.notifications().onNotification((notification: Notification) => {
console.log("test");
});
this.notificationOpenedListener = firebase.notifications().onNotificationOpened((notificationOpen: NotificationOpen) => {
// Get the action triggered by the notification being opened
const action = notificationOpen.action;
// Get information about the notification that was opened
const notification: Notification = notificationOpen.notification;
});
const notificationOpen = await firebase.notifications().getInitialNotification();
if (notificationOpen) {
const { title, body } = notificationOpen.notification;
console.log('getInitialNotification:');
Alert.alert(title, body)
}
}
componentWillUnmount() {
try {
this.onTokenRefreshListener();
this.messageListener();
this.notificationListener();
this.notificationOpenedListener();
} catch (error) {
console.error(error)
}
}
async checkPermission(){
const enabled = await firebase.messaging().hasPermission();
if (enabled) {
this.getToken();
} else {
this.requestPermission();
}
}
async getToken(){
const fcmToken = await firebase.messaging().getToken();
if (fcmToken) {
console.log("FCMToken:"+fcmToken);
this.setState({test:fcmToken})
} else {
// user doesn't have a device token yet
}
}
async requestPermission(){
try {
await firebase.messaging().requestPermission();
// User has authorised
} catch (error) {
// User has rejected permissions
}
}

Answer 1

I missed out the code in AndroidManifest.xml file. If any one facing same issue do check this file.