Estoy tratando de inicializar Firebase en mi App.js, para poder utilizar el estado de autenticación del usuario en varias escenas. Mi lógica de inicio/cierre de sesión está vinculada a 2 componentes de botón separados que se representan de forma condicional en mi encabezado.

Recibo este error, lo que me lleva a creer que los botones están usando "firebase" antes de que se inicie.

FirebaseError no detectado: Firebase: No se ha creado la aplicación Firebase '[DEFAULT]'; llame a Firebase App.initializeApp() (app-compat/no-app).

Aplicación.JS

 import React from 'react'; import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat/firestore'; import Header from './components/core/Header'; firebase.initializeApp({...}); const App = () => ( <div className="App"> <Header /> </div> )

¿Hay alguna manera de que pueda inicializar firebase en toda mi aplicación antes de importar Header? ¿O no puedo separar la lógica de inicio/salida de mi App.js?