Reassign event listener when onPlaceSelected changes (#234)

* reassign event listener when onPlaceSelected changes

* 2.7.4

Author: AleksandrZhukov

lib/usePlacesWidget.js

@@ -99,7 +99,20 @@ function usePlacesWidget(props) {
     return function () {
       return event.current ? event.current.remove() : undefined;
     };
-  }, []); // Autofill workaround adapted from https://stackoverflow.com/questions/29931712/chrome-autofill-covers-autocomplete-for-google-maps-api-v3/49161445#49161445
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (autocompleteRef.current && onPlaceSelected) {
+      event.current = autocompleteRef.current.addListener("place_changed", function () {
+        if (onPlaceSelected && autocompleteRef && autocompleteRef.current) {
+          onPlaceSelected(autocompleteRef.current.getPlace(), inputRef.current, autocompleteRef.current);
+        }
+      });
+    }
+
+    return function () {
+      return event.current ? event.current.remove() : undefined;
+    };
+  }, [onPlaceSelected]); // Autofill workaround adapted from https://stackoverflow.com/questions/29931712/chrome-autofill-covers-autocomplete-for-google-maps-api-v3/49161445#49161445
 
   (0, _react.useEffect)(function () {
     // TODO find out why react 18(strict mode) hangs the page loading

src/usePlacesWidget.js

@@ -94,6 +94,17 @@ export default function usePlacesWidget(props) {
     return () => (event.current ? event.current.remove() : undefined);
   }, []);
 
+  useEffect(() => {
+    if (autocompleteRef.current && onPlaceSelected) {
+      event.current = autocompleteRef.current.addListener("place_changed", function () {
+        if (onPlaceSelected && autocompleteRef && autocompleteRef.current) {
+          onPlaceSelected(autocompleteRef.current.getPlace(), inputRef.current, autocompleteRef.current);
+        }
+      });
+    }
+    return () => (event.current ? event.current.remove() : undefined);
+  }, [onPlaceSelected]);
+
   // Autofill workaround adapted from https://stackoverflow.com/questions/29931712/chrome-autofill-covers-autocomplete-for-google-maps-api-v3/49161445#49161445
   useEffect(() => {
     // TODO find out why react 18(strict mode) hangs the page loading