react-place | React geo location component based on Google Maps | Map library

So I am working on a website that is using react. I have been testing it in different browsers, and right now the only browser not working is the terrible Internet Explorer. When the page loads on internet explorer it is just a blank/white screen. I have tried multiple suggestions like integrating browserlist, @babel/preset-env with no luck. I completely upgraded from babel 6 to babel 7 to see if that was the issue and nothing changed.

Here are my Dependencies and Dev Dependencies:

I'm trying to save a list of nearby places but through debugging I have realized that the Places services is called before the selected location is assigned. I have tried to look up documentation regarding addListener but I'm very lost because everything relates to the use of a map. However, I only want places. Is there anybody who has faced this problem before?. Any help would be appreciated. This is the code snippet where I try to get NearbyPlaces

I am trying to setState of the address and coordinates as given by the "react-places-autocomplete". I have already stored those components by only issue is in updating it However, the changes are not updating and even though the program compiles as soon as I select a place it crashes. Especially for getLatLng there isn't enough documentation for me to understand if I have to access another component within that. How do I update the state of the address and coordinates via handleSelect?. Thanks!

I have a problem with updating a variable on my API link. So this should work that at the start coords on this API link should be 0,0 (or at the best case it should at first display geonavigator window and after accepting it it should display weather for your coords then after searching for another city at the same place should appear weather for searched city but still dont know how to do it) and this part works but after I search for another city on the search bar the coords on API link (coordinates.lat and coordinates.lng) should change to the coords of searched city and the changed weather should be displayed on the screen but this part doesn't work. Maybe works a bit because it look like the value on coordinates.lat and coordinates.lng are changing everytime I search for any city when I display them after return on

Latitude: {coordinates.lat}

I have a react app with Material-UI 1.2.

Although the state is properly updated, the drawer does not open close. I have also correctly applied the bind on onLeftIconButtonTouchTap.

Here is my implementation of the TemporaryDrawer :

I'm running into a huge number of vulnerabilities. There are 583 vulnerabilities all associated with the package minimist

My package.json is as such:

I am using the 'react-places-autocomplete' library. I understand that I have to load the API using my key. I can't figure out where to place the script for the key such that the program will work.

I saw a StackOverflow page where someone said to load it statically in index.js, which I tried:

I have been struggling with this issue for sometime. Using the same example given in the latest README.md githun repo is pushing the other components below, which is not a better user experience. I have included a simple text field below to demonstrate this. Also tried using position as absolute, didn't work.

react-places-autocomplete uses google maps javascript API which I am using for places suggestion

without place suggestion dropdown

Image with place suggestions pushing down the below text field

Here is my code

I want to connect the application with the rest of my components. But I've got this error:

react-redux v7.2 withRef is removed. To access the wrapped instance, use a ref on the connected component

This is my index.js