Showing auth/invalid-api-key in console

Soham-0047 commented 2 years ago

Note: For version 9 it's required to compat/app otherwise showing error also

firebase.js file `import firebase from "firebase/compat/app"; import "firebase/compat/auth";

const app = firebase.initializeApp({ apiKey:process.env.REACT_APP_FIREBASE_API_KEY,

authDomain:process.env.REACT_APP_FIREBASE_AUTH_DOMAIN ,

databaseURL:process.env.REACT_APP_FIREBASE_DATABASE_URL ,

projectId:process.env.REACT_APP_FIREBASE_PROJECT_ID ,

storageBucket:process.env.REACT_APP_FIREBASE_STORAGE_BUCKET ,

messagingSenderId:process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID ,

appId:process.env.REACT_APP_FIREBASE_APP_ID ,

measurementId:process.env.REACT_APP_FIREBASE_MEASUREMENT_ID })

export const auth = app.auth(); export default app; ` .env.local file:

`REACT_APP_FIREBASE_API_KEY =*****

REACT_APP_FIREBASE_AUTH_DOMAIN= REACT_APP_FIREBASE_DATABASE_URL =

REACT_APP_FIREBASE_PROJECT_ID =* REACT_APP_FIREBASE_STORAGE_BUCKET =*** REACT_APP_FIREBASE_MESSAGING_SENDER_ID =* REACT_APP_FIREBASE_APP_ID =*** REACT_APP_FIREBASE_MEASUREMENT_ID =***`

jsSamrat commented 2 years ago

Still not working

Soham-0047 commented 2 years ago

No, still not working. I tried other ways to fixed it but nothing works.

KyiThantSin commented 2 years ago

I tried this way and it works for me.

const firebaseConfig = {
  apiKey: `${process.env.API_KEY}`,
  authDomain: `${process.env.AUTH_DOMAIN}`,
  projectId: `${process.env.PROJECT_ID}`,
  storageBucket: `${process.env.STORAGE_BUCKET}`,
  messagingSenderId: `${process.env.MESSAGING_SENDER_ID}`,
  appId: `${process.env.APP_ID }`
};

// Initialize Firebase
const app = firebase.initializeApp(firebaseConfig)

WebDevSimplified / React-Firebase-Auth

Showing auth/invalid-api-key in console #22