make useEffect sync

lib/FindLocation/useLocationsRecords.js

@@ -52,32 +52,32 @@ export const useLocationsRecords = ({
   selectedLocations,
   initialSelected,
   institutionsMap,
-  campusessMap,
+  campusesMap,
   librariesMap,
 }) => {
   const eventEmitter = useEventEmitter();
-  const [isProcessing, setIsProcessing] = useState(false);
+  const [isProcessing, setIsProcessing] = useState(true);
   const [locationRecords, setLocationRecords] = useState([]);
   const { locations, isLoading: isLocationsLoading } = useLocations({
     onSuccess: emitInitialSelectedRecords.bind(null, eventEmitter, initialSelected),
   });
 
   useEffect(() => {
-    Promise.resolve(true)
-      .then(setIsProcessing)
-      .then(() => hydrateLocations(locations, selectedLocations, institutionsMap, campusessMap, librariesMap))
-      .then((items) => filterAndSort(FILTERS_CONFIG, filters, items))
-      .then(customFilter)
-      .then(dehydrateLocations)
-      .then(setLocationRecords)
-      .then(() => setIsProcessing(false));
+    setIsProcessing(true);
+
+    const hydrated = hydrateLocations(locations, selectedLocations, institutionsMap, campusesMap, librariesMap);
+    const filtered = customFilter(filterAndSort(FILTERS_CONFIG, filters, hydrated));
+    const dehydrated = dehydrateLocations(filtered);
+
+    setLocationRecords(dehydrated);
+    setIsProcessing(false);
   }, [
     customFilter,
     filters,
     locations,
     selectedLocations,
     institutionsMap,
-    campusessMap,
+    campusesMap,
     librariesMap,
   ]);