import * as firebase from 'firebase/app';
import 'firebase/firestore';
import 'firebase/storage';
Someone had the foresight to add the firestore import already which fixed most of the issues for everyone else
const clientCredentials = {
apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
};
export default function initializeFirebase() {
if (!firebase.apps.length){
firebase.initializeApp(clientCredentials);
}
}
Encountering an error in this section:
const projectStorage = firebase.storage();
const projectFirestore = firebase.firestore();
export { projectFirestore, projectStorage };