CODEWITHSUNDEEP
javascriptfirebasereact-nativefirebase-realtime-database
Isaac Gounton
Isaac Gounton

Reputation: 1

How to fix undefined is not an object (evaluating 'firebase.apps.length')

This is my code

import * as firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";


const firebaseConfig = {
    apiKey: "removed",
    authDomain: "removed",
    projectId: "removed",
    storageBucket: "removed",
    messagingSenderId: "removed",
    appId: "removed",
    measurementId: "removed"
  };

  let app;

  if(firebase.apps.length === 0) {
      app = firebase.initializeApp(firebaseConfig);
  } else {
      app = firebase.app();
  }

  const db = app.firestore();
  const auth = firebase.auth();

  export { db, auth };

And the error i have is

`undefined is not an object (evaluating 'firebase.apps.length') (D'

Evaluating module://firebase.js.js
  Evaluating module://screens/LoginScreen.js.js
  Evaluating module://App.js.js
  Loading module://App.js`

Any help please ? Thanks

Upvotes: 0

Views: 5541

Answers (3)

Oleksandr Rabchuk
Oleksandr Rabchuk

Reputation: 11

Try to use

import firebase from 'firebase/compat/app';

import 'firebase/compat/auth';

import 'firebase/compat/firestore';

"firebase": "^9.6.6"

Upvotes: 1

SEIDU KAMILE
SEIDU KAMILE

Reputation: 1

Change from:

import * as firebase from "firebase/app";

to:

import * as firebase from "firebase";

Upvotes: 0

Angel Luis
Angel Luis

Reputation: 557

Change import * as firebase from "firebase/app"; for import firebase from "firebase/app";.

It worked for me after upgrade from v7 to v8.

Upvotes: 3

Related Questions