[question]: Why is the notifications event listener (both click and foregroundWillDisplay) event firing more than once?

[akeva001]

How can we help?

I am using the event listeners as described in the setup guide, but when I receive a notification, the events fire more than 10 times. How can I fix this?

Code of Conduct

• I agree to follow this project's Code of Conduct

[jennantilla]

Hello @akeva001 would you be able to send the logs from your device reproducing this behavior? We'll be happy to investigate. Thanks!

[jackculprit]

I have the same issue. Listeners are not getting removed on reload when developing locally.

[kpturner]

I stumbled across this log because I have just realised that in my own development environment the click event defined below is literally firing 45 (and growing) times when the application starts.......and no notifications have been clicked at all! :(

  OneSignal.Notifications.addEventListener('click', async (event) => {
    logger.info('Push notification clicked:', event)
  })

Seems consistent with HMR in play.

[romanesko]

You can call

OneSignal.Notifications.clearAll()

before adding event listener to clear all previous listeners

[kpturner]

You can call

OneSignal.Notifications.clearAll()

before adding event listener to clear all previous listeners

Is there documentation regarding that method that states that it will remove existing listeners? The SDK just says Removes all OneSignal notifications. which is pretty ambiguous to say the least.

[romanesko]

The SDK just says Removes all OneSignal notifications. which is pretty ambiguous to say the least.

You are right. It's about removing notifications.

[ByDodo]

This problem still persists. Has anyone solved it?

[AbdulBasit-Kagzi]

` useEffect(() => {
const onForegroundWillDisplay = async (event: any) => {
event.preventDefault();
console.log('OneSignal: notification will be displayed', event);

  // Perform async work here
  const result = await dispatch(
    GetNotificationThunk({userId: user.id as string}),
  );

  // Display the notification after async work
  event.getNotification().display();
};

// Add the event listener
OneSignal.Notifications.addEventListener(
  'foregroundWillDisplay',
  onForegroundWillDisplay,
);

// Cleanup function to remove the event listener on unmount or before re-render
return () => {
  OneSignal.Notifications.removeEventListener(
    'foregroundWillDisplay',
    onForegroundWillDisplay,
  );
};

}, [dispatch]); // Add dispatch to dependency array if needed`

I am facing the same problem eventListener is getting called multiple. times