CODEWITHSUNDEEP
reactjsfirebasegoogle-cloud-firestore
mjubilee1
mjubilee1

Reputation: 99

Using firestore version 9 getting an error when submitting data to store

I am using firestore from firebase version 9 and I am trying to set data to the firestore and get the below error. Im using example code from the internet that should work, but anything I've tried so far hasn't worked.

  async function submitFireStoreReels() {
    const db = FirebaseUtil.fireStore()
    try {
  const docRef = await addDoc(collection(db, "users"), {
    first: "Alan",
    middle: "Mathison",
    last: "Turing",
    born: 1912
  });

  console.log("Document written with ID: ", docRef.id);
} catch (e) {
  console.error("Error adding document: ", e);
}
  }

enter image description here

My FirebaseUtil file looks like

import { initializeApp, getApp, getApps } from 'firebase/app'
import { getStorage, FirebaseStorage } from 'firebase/storage'
import { getFirestore, Firestore } from 'firebase/firestore'
class FirebaseUtil {
  initFirebase(): void {
    // Initialize firebase
    const firebaseConfig = {
      apiKey: import.meta.env.VITE_FIREBASE_KEY,
      projectId: '12345',
      authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
      databaseURL: import.meta.env.VITE_FIREBASE_DATABASE,
      storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET
    }
    if (!getApps().length) {
      initializeApp(firebaseConfig)
    } else {
      getApp()
    }
  }

  firebaseStorage(): FirebaseStorage {
    return getStorage(getApp())
  }

  fireStore(): Firestore {
    return getFirestore()
  }
}

export default new FirebaseUtil()

Upvotes: 1

Views: 589

Answers (1)

Tarik Huber
Tarik Huber

Reputation: 7388

Does your data update on Firebase?

Can you try initializing you database like this:

fireStore(): Firestore {
    return initializeFirestore(firebaseApp, {useFetchStreams:false} as any)
}

Over here it solved the issue.

Upvotes: 3

Related Questions