как мне настроить Fcm в веб-приложении реагировать

Question

я пытаюсь настроить fcm в своем реагирующем веб-приложении, и в настоящее время я прогрессировал, чтобы получить токен и отправить его на сервер, но, поскольку я пытаюсь получить уведомление, мое приложение ничего не делает

я добавил базу данных firebase впеременная, как показано ниже

export const firebaseConfig = {
apiKey: "1234",
authDomain: "project.firebaseapp.com",
databaseURL: "https://domain.firebaseio.com",
projectId: "project",
storageBucket: "project.appspot.com",
messagingSenderId: "1234",
appId: "123web234"
};

, затем я инициализировал fcm в моем компоненте, используя следующую функцию

initializeFcmPush(){
const messaging = firebase.messaging();
messaging.
requestPermission()
  .then(() => {
    console.log("Have Permission", firebase);
    messaging.usePublicVapidKey('key pair');
    return firebase.messaging().getToken();
  })
  .then(token => {
    console.log("FCM Token:", token);
    this.props.apiClient.FcmSendToken(token)
  })
  .catch(error => {
    if (error.code === "messaging/permission-blocked") {
      console.log("Please Unblock Notification Request Manually");
    } else {
      console.log("Error Occurred", error);
    }
  });

messaging.onMessage((payload)=> {
  console.log('payload', payload)
  //this.getNotification('refresh')
})
}

и вызвал initializeFcmPush в конструкторе моего компонента. почему onMessage не работает, и я не могу получить объекты уведомлений