react-google-autocomplete VS react-firebase-hooks

I am using the Google Autocomplete component and when onPlaceSelected I am saving the place into a state array (input) of the parent component. However, whenever a place is selected the previous value is set to an empty array and then adds the newly selected place, instead of adding it to the existing array. I am thinking it has something to do with refs (since I think the component uses these), but I'm not sure how to start fixing it, since I am not very experienced in using refs. Any help or advice would be appreciated.

Then I would head over to the library I was talking about so that you can start working on it more easily: react-google-autocomplete

I set up react-google-autocomplete in my project, and no matter where I put it, the whole website freezes and gets stuck in an infinite load. My api key is correct and has billing enabled. This is how the component is being called in my code. Any help is appreciated.

For reference, this is the library I'm using for now to make it easier to integrate with Google Places API: https://github.com/ErrorPro/react-google-autocomplete

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