Metro has encountered an error: While trying to resolve module 'firebase'

I took this error after I started the emulator, I add my codes under the image and error on the terminal. This is my App.js file Error Image on Emulator

error: Error: While trying to resolve module firebase from file /Users/capcapbakkal/Desktop/RNKurs/identifyVerification/index.js, the package /Users/capcapbakkal/Desktop/RNKurs/identifyVerification/node_modules/firebase/package.json was successfully found. However, this package itself specifies a main module field that could not be resolved (/Users/capcapbakkal/Desktop/RNKurs/identifyVerification/node_modules/firebase/index. Indeed, none of these files exist:

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

and

componentDidMount() {
    const firebaseApp = initializeApp({
      apiKey: "AIzaSyCpM2dwcUvJqVaKz856hz",
      authDomain: "authentication-b4",
      projectId: "authen",
      storageBucket: "authenticat",
      messagingSenderId: "7532",
      appId: "1:753222",
      measurementId: "G-"
    });// I changed this, it isn't wrong

  }