I am facing an issue with my error function while checking the browser error, and I am unsure why adding a console.log with the error is causing trouble. I need some assistance in troubleshooting this problem which seems to be occurring at line 29 of my imageUpload.js file. This error is unfamiliar to me, and I have never come across it before. Below is the React code snippet:
import React, { useState } from 'react';
import { Button } from '@mui/material';
import { storage, db, serverTimeStamp } from "./firebase";
function ImageUpload({username}) {
// function logic here...
}
export default ImageUpload
Here is the firebase code snippet:
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
import "firebase/compat/storage";
// firebase config details...
const db = firebaseApp.firestore();
const auth = firebase.auth();
const storage = firebase.storage();
const serverTimeStamp = firebase.firestore.FieldValue.serverTimeStamp;
export { db, auth, storage, serverTimeStamp };
export default db;
Browser Error: https://i.stack.imgur.com/E3bMj.png