use-promise VS react-firebase-hooks

Shameless self plug for use-promise. This hook allows you to get the status and result of a Promise so you can use it in your component.

This is a very nice explainer on how to deal with the Fetch API! If you are looking for something that works even lower level using Promises (including cancellation when components un-mount or dependencies change) check out the library I wrote for the municipality of Amsterdam called use-promise.

Yes, in this case I simplified the code as the fetching logic is not the important piece of this code and would have only made the example more verbose than it needs to be. Normally I would use something like usePromise instead (shameless self promotion).

I made a library just for that! https://github.com/Amsterdam/use-promise

A little bit fatter in terms of size and not actively maintained.

React-firebase-hooks

I'm trying to figure out how to use react-firebase-hooks in my react app so that I can simplify calls on my database.

You also might benefit from leveraging react-firebase-hooks. I’ve been really liking using it. https://github.com/csfrequency/react-firebase-hooks

For a good while, I've been relying on a little package called react-firebase-hooks to turn my Firebase realtime document fetching into tidy hooks. However, this library has become a bit sketchy since the release of Firebase v9 a.k.a the Modular edition.

For example, this issue, this issue, is already handled out of the box - and a lot of the other ones are already solved since React Query does all of the hard work.

If you want, you can use useFirebaseAuth which takes care of onAuthStateChanged for you in a clean and simple way. That library also has useful hooks for working with Firestore and RTB.

I believe this should be fixed soon, as chrisbianca says on Github https://github.com/CSFrequency/react-firebase-hooks/issues/104#issuecomment-778586537