I am trying to send data to the my app using firebase messaging. I receive the notification, but the background handler is never triggered on the app.

This is how I send the message

     await admin.messaging().sendToDevice(
        usersToken,
        {
            notification: {
                title: title,
                body: body,
                sound : 'default'
            },
            data:{
                test: 'hello',
            }
        },
        {
      // Required for background/quit data-only messages on Android
      priority: 'high',
},
);

And the react code I tried to implement the handler inside and outside the App function, but none worked.

In App.tsx

/**
 * This is the root component of our app.
 */
function App() {

}

 // Register background handler
 messaging().setBackgroundMessageHandler(async remoteMessage => {
  console.log('Message handled in the background!', remoteMessage);
});

AppRegistry.registerComponent('app', () => App);

Second try:

/**
 * This is the root component of our app.
 */
function App() {

 // Register background handler
 messaging().setBackgroundMessageHandler(async remoteMessage => {
  console.log('Message handled in the background!', remoteMessage);
});

AppRegistry.registerComponent('app', () => App);
}

I receive the notification on the device, I get no errors, but the background handler is not triggered.