react-google-autocomplete VS react-children-utilities

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

I need to make a search engine that searches on pages without making requests to the server. My idea is to export text from pages with Children.onlyText to a single JSON file on build time (on every refresh when in development mode), then cache and read this file from javascript.