prevent auto updating

src/components/App/useLocationHandler.ts

@@ -21,7 +21,7 @@ function useLocationHandler(): void {
         setLocations(newLocations);
       }
     }
-  }, [locations, locationsSearchResults, setLocations]);
+  }, [locationSearch, locations, locationsSearchResults, setLocations]);
 }
 
 export default useLocationHandler;

src/components/App/useRouteNavigation.ts

@@ -1,5 +1,5 @@
 import { useSetRecoilState } from 'recoil';
-import { useCallback, useEffect } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 
 import {
   routeDistanceState,
@@ -56,6 +56,7 @@ function useLoadRouteFromQueryParameters(): (search: string) => void {
 }
 
 function useRouteNavigation(closeDrawer: () => void): void {
+  const [initialLoaded, setInitialLoaded] = useState(false);
   const loadRouteFromQueryParameters = useLoadRouteFromQueryParameters();
 
   // listen to route changes
@@ -66,6 +67,14 @@ function useRouteNavigation(closeDrawer: () => void): void {
   // load initial route from query params
   const hasRoute = hasRouteQueryParameters(window.location.search);
 
+  useEffect(() => {
+    if (hasRoute && !initialLoaded) {
+      loadRouteFromQueryParameters(window.location.search);
+    }
+
+    setInitialLoaded(true);
+  }, [hasRoute, initialLoaded, loadRouteFromQueryParameters]);
+
   // initial load
   useEffect(() => {
     if (hasRoute) {

src/components/ConfigureRun/StartingPoint.tsx

@@ -70,7 +70,14 @@ const StartingPoint: React.FC<StartingPointProps> = ({ location, setLocation })
     }
 
     setLocationSearchState(debouncedLocation);
-  }, [debouncedLocation, location, locationLabelByKey, setLocationSearchState]);
+  }, [
+    debouncedLocation,
+    location,
+    locationInput,
+    locationLabelByKey,
+    locationSearch,
+    setLocationSearchState,
+  ]);
 
   const noOptionsText = locationInput === '' ? 'Start typing to search...' : undefined;