Merge branch 'develop' of github.com:UCF/campus-map-react into develop

package.json

@@ -27,7 +27,7 @@
     "sass": "^1.76.0"
   },
   "devDependencies": {
-    "@types/lodash.debounce": "^4.0.9",
+    "@types/lodash": "^4.17.7",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@typescript-eslint/eslint-plugin": "^7.2.0",

src/App.tsx

@@ -251,7 +251,7 @@ function App() {
 
   const debouncedResults = useMemo(() => {
     return debounce(searchData, 300);
-  }, [searchResults]);
+  }, [searchResults, buildingPointData]);
 
   const campusHandler = (campus: Campus) => {
     mapRef.current!.flyTo({

src/components/SearchResults.tsx

@@ -16,23 +16,15 @@ interface SearchResultsProps {
 
 export default function SearchResults(props: SearchResultsProps) {
   const [searchQuery, setSearchQuery] = useState<string>('');
-  const [debouncedSearchQuery, setDebouncedSearchQuery] = useState<string>('');
   const [searchBoxVisibility,setSearchBoxVisibility] = useState<boolean>(false);
 
-  useEffect(() => {
-    const delaySearchQueryTimeOutId = setTimeout(() => {
-      setDebouncedSearchQuery(searchQuery);
-    }, 500);
-    return () => clearTimeout(delaySearchQueryTimeOutId);
-  }, [searchQuery, 500])
-
   useEffect(() => {
     ReactGA.event({
       category: "map_search",
       action: "search",
-      label: `${debouncedSearchQuery}`,
+      label: `${searchQuery}`,
     });
-  },[debouncedSearchQuery])
+  },[searchQuery])
 
   // useEffect(() => {