Estoy tratando de configurar la autenticación de usuario con Firebase para mi aplicación web React, pero me encuentro con errores con la función firebaseAuth.app(). Intenté reinstalar firebase y el administrador de firebase en el directorio del proyecto, convertir a la sintaxis SDK 9 para las importaciones y reordenar ciertas declaraciones, pero nada parece funcionar. Aquí está mi archivo App.js:

 import withFirebaseAuth from 'react-with-firebase-auth' import firebase from 'firebase/compat/app'; import 'firebase/auth'; import firebaseConfig from './firebaseConfig'; import "firebase/compat/app"; import "firebase/compat/analytics"; import { initializeApp } from 'firebase/app'; import { getAuth } from "firebase/auth"; const firebaseApp = firebase.initializeApp(firebaseConfig); const firebaseAppAuth = firebaseApp.auth(); const providers = { googleProvider: new firebase.auth.GoogleAuthProvider(), }; const { user, signOut, signInWithGoogle, } = this.props; function App() { return ( <div className="App"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> { user ? <p>Hello, {user.displayName}</p> : <p>Please sign in.</p> } { user ? <button onClick={signOut}>Sign out</button> : <button onClick={signInWithGoogle}>Sign in with Google</button> } </header> </div> ); } export default withFirebaseAuth({ providers, firebaseAppAuth, })(App);

También tengo un archivo firebaseConfig.js con la información de configuración. Perdón por cualquier novedad, ya que soy nuevo en React. ¿Alguien puede ayudar a resolver este error?