How to get email, lastseenstatus and photourl from database firestore v9

See more:

Javascript

ReactJS

My app.js

import '../styles/globals.css';
import {useAuthState} from "react-firebase-hooks/auth";
import { auth, db } from '../firebase';
import Login from './login';
import Loading from '../components/Loading';
import { initializeApp } from 'firebase/app';
import {useEffect} from "react" 


function MyApp({ Component, pageProps }) {

  const [user, loading] = useAuthState(auth);

  useEffect(() => {
    if (user) {
      db.collection('users').doc(user.uid).set(
        {
        email: user.email,
        lastSeen: firebase.firestore.FieldValue.serverTimestamp(),
        photoURl: user.photoURL,
      }, {merge: true}
      );
    }
  }, [user])

  if(loading) return <Loading />
  if(!user) return <Login/>

  return <Component {...pageProps} />
}

export default MyApp

What I have tried:

I used useEffect as seen above, I'm pretty sure the code from firebase has changed and therefor I am getting an error, that db.collection is not a function.

How can I change the code above to get user-email, last seen status and photo from logged in user? I did check firebase documentation but couldn't find anything useful.