@capacitor/push-noficiation android foreground image issue

Capacitor
1

I am working on an Ionic React app.

I’m using the capacitor/push-notification to connect to FCM and receive push notifications.

Both Android and iOS are successfully receiving push notifications. The issue arises with Android in the foreground state: the image in the push notification is not displayed. For push messages received in the Android background state, the push title, contents, and image are all displayed. However, this problem occurs only for messages received when in the foreground. Please provide the reason and solution.

No separate actions have been taken to display the image. Currently, in the foreground state, events are caught using:

PushNotifications.addListener( `pushNotificationReceived`, (notification: PushNotificationSchema) => { }, );

The payload when a push notification arrives in the foreground is:

{
  "id": "0:1696914973005577%b3072d21b3072d21",
  "data": {
    "notificationInfoId": "445",
    "url": "push url",
    "body": "push body",
    "image": "https://exampleimagefile.jpg",
    "title": "push title",
    "pushDate": "2023-10-10 05:16:12"
  },
  "title": "push title",
  "body": "push body"
}

My package.json capacitor version

"@capacitor-community/media": "^5.0.0",
"@capacitor/android": "5.0.3",
"@capacitor/app": "5.0.2",
"@capacitor/app-launcher": "^5.0.2",
"@capacitor/clipboard": "^5.0.2",
"@capacitor/core": "^5.0.4",
"@capacitor/device": "^5.0.6",
"@capacitor/filesystem": "^5.0.2",
"@capacitor/haptics": "5.0.2",
"@capacitor/ios": "^5.0.3",
"@capacitor/keyboard": "^5.0.6",
"@capacitor/network": "^5.0.2",
"@capacitor/push-notifications": "^5.1.0",
"@capacitor/splash-screen": "^5.0.2",
"@capacitor/status-bar": "5.0.2",
"@ionic/core": "^7.0.3",
"@ionic/react": "^7.0.5",