Expected first argument to collection() to be a CollectionReference, a DocumentReference or FirebaseFirestore

i have been solving this issue since past 2 days but cant get any idea of how it is solved

const handleSignUp = () => {
    auth
    .createUserWithEmailAndPassword(email, password)
    .then(userCredentials => {
      console.log(userCredentials.user.uid)
      const user = userCredentials.user;
      console.log('Registered with:', user.email);
      
      setDoc(doc(db, "users", "LA"), {
        name: "Los Angeles",
        // state: "CA",
        // country: "USA"
      });

      })
      .catch(error => alert(error.message))
  }

The Firebase module is here
if it need any changes of any dependency or any version
please suggest as firebase version is 9.6.11,while firestore is of 3.4.14

// Import the functions you need from the SDKs you need
// import  firebase from "firebase";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import "firebase/compat/firestore";
import "firebase/compat/database"
// import { getFirestore } from "@firebase/firestore";
import { getFirestore } from 'firebase/firestore'

// import { getFirestore } from 'firebase/firestore/lite'


const firebaseConfig = {
  apiKey: ........................
  authDomain: ........................
  projectId: ........................
  storageBucket: ........................
  messagingSenderId: ........................
  appId: ........................
};

// Initialize Firebase
let app;
if (firebase.apps.length === 0) {
  app = firebase.initializeApp(firebaseConfig);
} else {
  app = firebase.app()
}

export const auth = firebase.auth()
// export const db = firebase.firestore();
export const db = getFirestore(app)