fix(docs): ios foreground push notifications (#1587)

* fix: ios foreground notifications

* fix: use the new data  payload in the docs

Author: santhoshvai

docusaurus/docs/reactnative/guides/push_notifications_v2.mdx

@@ -279,10 +279,15 @@ messaging().setBackgroundMessageHandler(async remoteMessage => {
   });
 
   // display the notification
+  const { stream, ...rest } = remoteMessage.data ?? {};
+  const data = {
+    ...rest,
+    ...((stream as unknown as Record<string, string> | undefined) ?? {}), // extract and merge stream object if present
+  };
   await notifee.displayNotification({
     title: 'New message from ' + message.message.user.name,
     body: message.message.text,
-    data: remoteMessage.data,
+    data,
     android: {
       channelId,
       // add a press action to open the app on press
@@ -546,10 +551,15 @@ useEffect(() => {
     });
 
     // display the notification
+    const { stream, ...rest } = remoteMessage.data ?? {};
+    const data = {
+      ...rest,
+      ...((stream as unknown as Record<string, string> | undefined) ?? {}), // extract and merge stream object if present
+    };
     await notifee.displayNotification({
       title: 'New message from ' + message.message.user.name,
       body: message.message.text,
-      data: remoteMessage.data,
+      data,
       android: {
         channelId,
         pressAction: {

examples/SampleApp/src/hooks/useChatClient.ts

@@ -45,6 +45,11 @@ messaging().setBackgroundMessageHandler(async (remoteMessage) => {
   });
 
   if (message.message.user?.name && message.message.text) {
+    const { stream, ...rest } = remoteMessage.data ?? {};
+    const data = {
+      ...rest,
+      ...((stream as unknown as Record<string, string> | undefined) ?? {}), // extract and merge stream object if present
+    };
     await notifee.displayNotification({
       android: {
         channelId,
@@ -53,7 +58,7 @@ messaging().setBackgroundMessageHandler(async (remoteMessage) => {
         },
       },
       body: message.message.text,
-      data: remoteMessage.data,
+      data,
       title: 'New message from ' + message.message.user.name,
     });
   }
@@ -111,6 +116,11 @@ export const useChatClient = () => {
             name: 'Foreground Messages',
           });
           // display the notification on foreground
+          const { stream, ...rest } = remoteMessage.data ?? {};
+          const data = {
+            ...rest,
+            ...((stream as unknown as Record<string, string> | undefined) ?? {}), // extract and merge stream object if present
+          };
           await notifee.displayNotification({
             android: {
               channelId,
@@ -119,7 +129,7 @@ export const useChatClient = () => {
               },
             },
             body: message.message.text,
-            data: remoteMessage.data,
+            data,
             title: 'New message from ' + message.message.user.name,
           });
         }