react-firebase | Firebase Auth & Realtime Database | Authentication library

I'm receiving the maximum update depth exceeded on some random occasions. I am using the useEffect hook to navigate the user to the login screen when not authenticated, and navigate him into the home page when he is authenticated and tries to access the login screen. I am getting the user from firebase useAuthState.

Here is the login page code

I'm using Google firebase v9. On the first sign in, usually there would be a pop up for user to choose which email to sigh in with, but for some reason, when I sign in, it automatically send me to the chat page automatically. I tried delete user in my firebase app and tried again and get the same result. What am I doing wrong?

firebase.js:

I'm trying to query a collection using useCollectionData with a where query. However, it always returns undefined. Tried looking at the docs but no luck.
Am I missing something?

I'm learning to implement typescript in react and I'm struggling trying to implement a couple of async functions on context.

The error I'm getting is the following:

I'm trying to set up this collection using firestore & react-firebase-hooks:

I am using react-firebase-hooks https://github.com/CSFrequency/react-firebase-hooks/tree/v4.0.2/database#full-example

Below is values return when I console.log(v.val()) and when I do console.log(v.val().name) it's undefined.

I'm trying to update some Firebase code in a React project to the new modular web v9 sdk that Firebase released recently. The project being upgraded uses the react-firebase-hooks hook useCollectionData(), which fails upon changing to the new sdk. I get the following error output in my console 3 times when I try to run my ported code.

index.esm.js:101 Uncaught TypeError: v1.isEqual is not a function

A minimal example of working web v8 code:

I was following this tutorial https://www.sitepoint.com/reddit-clone-react-firebase/.

Earlier it was really simple just call onSnapshot after the document is fetched, but here it is a separate function, and now here comes the issue, when I try to call that onSnapshot by passing document, but it always says,no matter what type of data I tried to pass it as the first param, it always says, it is not type of 'bc' which it expects.

FirebaseError: Expected type 'bc', but it was: a custom he object