data is undefined after notification pressed for react native with firebase push notification using notifee library,

[ayyam]

data is undefined after notification pressed for react native with firebase push notification using notifee library,

navigation is correctly triggered, but once the notification pressed notification response does not have the required route field, it is getting undefined,
notification response from server as below before notification is pressed
A new FCM message arrived! {"notification":{"android":{"color":"#324398"},"body":"New Notification","title":"amazing Survey 123"},"sentTime":1692876074215,"data":{"category_name":"Survey category","route_name":"SurveyDetailScreen","route":"125","type":"survey"},"from":"460568428430","messageId":"0:1692876074222868%ba18e656ba18e656","ttl":2419200,"collapseKey":"com.elearning"}

once the notification pressed i am returning foreground notification response but it is as below, data is empty array object.

{"detail": {"notification": {"android": [Object], "body": "New Notification", "data": [Object], "id": "ploT1wsSPtQT0kp5oUcm", "title": "amazing Survey 123"}}, "type": 1}

i will give react native code for notification listener
`
const notificationListener = () => {
messaging().onNotificationOpenedApp((remoteMessage) => {
console.log(
"Notification caused app to open from background state:",
remoteMessage.notification
);
});

messaging()
  .getInitialNotification()
  .then((remoteMessage) => {
    if (remoteMessage) {
      console.log(
        "Notification caused app to open from quit state:",
        remoteMessage.notification
      );

      // Extract notification data from the remoteMessage
      const { title, body } = remoteMessage.notification;
      const { type, route, route_name } = remoteMessage.data;
      console.log("Notification Type:", type);
      console.log("Notification Route:", route);

      console.log("Notification route_name 1 is getting :", route_name);

      // Perform navigation based on the route
      if (route_name === "SurveyDetailScreen") {
        console.log("Navigating to SurveyDetailScreen");
        navigation.navigate("SurveyDetailScreen", {
          idUrl: route,
        });
      } else if (route_name === "PlannerTaskDetailScreen") {
        console.log("Navigating to PlannerTaskDetailScreen");
        navigation.navigate("PlannerTaskDetailScreen", {
          idUrl: route,
        });
      }
    }
  })
  .catch((error) =>
    console.log("Failed to get initial notification:", error)
  );

messaging().onMessage(async (remoteMessage) => {
  console.log("A new FCM message arrived!", JSON.stringify(remoteMessage));

  const { title, body } = remoteMessage.notification;
  const { type, route, route_name } = remoteMessage.data;
  console.log("Notification Type:", type);
  console.log("Notification Route:", route);

  console.log("Notification route_name:", route_name);

  await notifee.requestPermission();
  const channelId = await notifee.createChannel({
    id: "com.elearning",
    name: "Custom Channel",
  });

  console.log("Displaying Notification...");
  await notifee.displayNotification({
    title: title,
    body: body,
    android: {
      channelId: channelId,
      clickAction: route,
      actions: [
        {
          title: "Yes",
          pressAction: { id: "yes", route: route },
        },
        {
          title: "No",
          pressAction: { id: "no", route: route },
        },
      ],
      invokeApp: true,
    },
    ios: {},
  });

  if (route_name === "SurveyDetailScreen") {
    notifee.onForegroundEvent(async (event) => {
      console.log("Foreground Event if is preinted:", event);

      console.log("Opening... preinted");
      //console.log("Event Route: preinted", event.pressAction.route);
      // Navigate to the desired screen based on the route
      if (event.type === EventType.PRESS) {
        // navigation.navigate("SurveyDetailScreen", {
        //   idUrl: event.detail.notification?.data?.route,
        // });
        console.log(
          "event.detail.notification?.data",
          event.detail.notification?.data
        );

        console.log(
          "event.detail.notification?.data.route",
          event.detail.notification?.data.route
        );
      }
    });
  } else if (route_name === "PlannerTaskDetailScreen") {
    notifee.onForegroundEvent(async (event) => {
      console.log("Foreground Event if is preinted 2:", event);

      console.log("Opening... preinted 2");
      //console.log("Event Route: preinted", event.pressAction.route);
      // Navigate to the desired screen based on the route
      if (event.type === EventType.PRESS) {
        // navigation.navigate("PlannerTaskDetailScreen", {
        //   idUrl: event.detail.notification?.data?.route,
        // });
        console.log(
          "event.detail.notification?.data",
          event.detail.notification?.data
        );
      }
    });
  }
});

};
`

[jgarplind]

I would try logging the "data" field specifically.

I think what you are seeing is rather an issue of log formatting than an issue with the actual data.