onMessage payload not working

[blpraveen]

Hi,
I am trying to integrate FCM in my payment page. it shows numberTokensSuccess 1 but no payload. I am writing the output or payload to console.It is not working. Please help

I have added to top of the page

<script src="https://www.gstatic.com/firebasejs/7.21.1/firebase-app.js"></script>
   <script src="https://www.gstatic.com/firebasejs/7.21.1/firebase-messaging.js"></script>
<link rel="manifest" href="{{ asset('core/manifest.json') }}" />

my firebase file.php <script src="{{ asset('assets/js/firebase.js') }}"></script>

const firebaseConfig = {
  apiKey: "XXX",
  authDomain: "XXX",
  databaseURL: "XXX",
  projectId: "XXX",
  storageBucket: "XXX",
  messagingSenderId: "XXX",
  appId: "XXX",
  measurementId: "XXX"
};
  firebase.initializeApp(firebaseConfig);
  
  const messaging = firebase.messaging();
		messaging.requestPermission()
		.then(function() {
			console.log("Notification permission granted");
			return messaging.getToken();
		}).then(function(token) {
			$('#device_token').val(token);
			console.log(token);
		}).catch(function (err){
			console.log("Unable to get the permission to notify",err);
		});
		messaging.onMessage((payload) => {
			console.log(payload);
		});

[AhmedBenCheikh]

hi,
also the data object not existing !!!!???
i can't get the badge count from notification!!!!!