Estoy usando Google Sign In, Firebase y React firebase hook para iniciar sesión en la aplicación web de reacción. insertar el archivo firebaseConfig API (.env.local) y configurar las claves secretas para la configuración de firebase provoca errores en la consola

.env.local

 REACT_APP_AUTH_DOMAIN=doctors-portal-6bc13.firebaseapp.com REACT_APP_PROJECT_ID=doctors-portal-6bc13 REACT_APP_STORAGE_BUCKET=doctors-portal-6bc13.appspot.com REACT_APP_MESSAGING_SENDER_ID=725454304359 REACT_APP_APP_ID=1:725454304359:web:49840cbf09a6b578e210c2```

archivo firebase.init.js

 import { initializeApp } from "firebase/app"; import {getAuth } from "firebase/auth"; const firebaseConfig = { apiKey: process.env.REACT_APP_API_KEY, authDomain: process.env.REACT_APP_AUTH_DOMAIN, projectId: process.env.REACT_APP_PROJECT_ID, storageBucket: process.env.REACT_APP_STORAGE_BUCKET, messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID, appId: process.env.REACT_APP_APP_ID, }; const app = initializeApp(firebaseConfig); const auth = getAuth(app); export default auth;```

Funciona directamente cuando se usa la API de Firebase sin usar (.env.local)

 const firebaseConfig = { apiKey: "AIzaSyA72Jfi_WXWie-i641mAYhLv3QgiynzLxQ", authDomain: "doctors-portal-6bc13.firebaseapp.com", projectId: "doctors-portal-6bc13", storageBucket: "doctors-portal-6bc13.appspot.com", messagingSenderId: "725454304359", appId: "1:725454304359:web:49840cbf09a6b578e210c2", };

escribir asi no da ningun error