messaging.requestPermission is not a function

Question

trying to send push notification to app but i need permission from user for that but getting this error that messaging.requestPermission is not a function , here is my code for push notification.js file

import * as  firebase from 'firebase/app';
import { getMessaging } from "firebase/messaging";
export const  initializeFirebase = () => {
  firebase.initializeApp({
    apiKey: "",
    authDomain: "",
    projectId: "pushnotification-9b180",
    storageBucket: "pushnotification-9b180.appspot.com",
    messagingSenderId: "878043563283",
    appId: "1:878043563283:web:c2a44f3c8b02ad8a17c6e6",
    measurementId: "G-GMWQKL94ZD"
  });
}
 
export const askForPermissionToReceiveNotifications = async () => {
    try {
      const messaging = getMessaging();

      await messaging.requestPermission();
      const token = await messaging.getToken();
      console.log('Your token is:', token);
      
      return token;
    } catch (error) {
      console.error(error);
    }
  }

Here is the screenshot of errorserros