Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Any way to use React Context within onRegister?

See original GitHub issue

I need to save the returned fcm/apns token to the the app context by using useContext so that later on my app may access that same context and send the token to the api if the user logs in.

I tried doing the following, but it seems to be causing errors:

function PushNotificationHandler() {
  const { setTokenInformation } = useContext(AppContext);
  const [taskAlertsMarkAsRead] = useMutation(taskAlertsMarkAsReadMutation, {
    refetchQueries: [{ query: taskAlertsUnreadQuery }],
  });

  function onNotification(notification) {
    console.log('NotificationHandler:', notification);
    if (notification.userInteraction) {
      if (notification.data.taskId) {
        taskAlertsMarkAsRead({ variables: { taskId: notification.data.taskId } });
      }
      const redirectTo = JSON.parse(notification.data.redirectTo);
      reset(redirectTo);
    } else {
      PushNotification.localNotification({
        id: 0,
        largeIcon: 'ic_launcher',
        smallIcon: 'ic_notification',
        vibrate: true,
        vibration: 300,
        channelId: 'rn-push-notification-channel-id-4-ding-300',
        onlyAlertOnce: false,
        invokeApp: true,
        title: notification.data.title,
        message: notification.data.body,
        userInfo: notification.data,
        playSound: true,
        soundName: 'default',
        number: 10,
      });
    }
  }

  function onRegister(tokenInfo) {
    console.log('NotificationHandler:', tokenInfo);
    setTokenInformation(tokenInfo);
  }

  function onAction(notification) {
    console.log('Notification action received:');
    console.log(notification.action);
    console.log(notification);

    if (notification.action === 'Yes') {
      PushNotification.invokeApp(notification);
    }
  }

  // (optional) Called when the user fails to register for remote notifications. Typically occurs when APNS is having issues, or the device is a simulator. (iOS)
  function onRegistrationError(err) {
    console.log('Error', err);
  }
}

const handler = PushNotificationHandler();

PushNotification.configure({
  // (optional) Called when Token is generated (iOS and Android)
  onRegister: handler.onRegister,

  // (required) Called when a remote or local notification is opened or received
  onNotification: handler.onNotification,

  // (optional) Called when Action is pressed (Android)
  onAction: handler.onAction,

  // (optional) Called when the user fails to register for remote notifications. Typically occurs when APNS is having issues, or the device is a simulator. (iOS)
  onRegistrationError: handler.onRegistrationError,

  // IOS ONLY (optional): default: all - Permissions to register.
  permissions: {
    alert: true,
    badge: true,
    sound: true,
  },

  // Should the initial notification be popped automatically
  // default: true
  popInitialNotification: false,

  /**
   * (optional) default: true
   * - Specified if permissions (ios) and token (android and ios) will requested or not,
   * - if not, you must call PushNotificationsHandler.requestPermissions() later
   */
  requestPermissions: true,
});

Is there possibly a better way to do it? I need help badly. Thank you.