Fixed key index issue with search results

UCF · Aug 23, 2024 · 2a20e8d · 2a20e8d
1 parent 0cf6043
commit 2a20e8d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -220,7 +220,7 @@ function App() {
     const retval: Array<Feature> = [];
 
     if (!searchQuery) {
-      setSearchResults(retval);
+      setSearchResults([]);
       setSearchResultData({
         type: 'FeatureCollection',
         features: []
@@ -229,7 +229,7 @@ function App() {
     }
 
     if (buildingPointData) {
-      let locationResults = buildingPointData.features.filter((e: any) => {
+      const locationResults = buildingPointData.features.filter((e: any) => {
         const includesName = e!.properties!.Name.toLowerCase().includes(searchQuery.toLowerCase());
         const includesAbbr = e!.properties!.Abbrev.toLowerCase() === searchQuery.toLowerCase();
         const includesBldgNum = e!.properties!.BldgNum.toLowerCase() === searchQuery.toLowerCase();
@@ -243,10 +243,10 @@ function App() {
       clearVisibility();
     }
 
-    setSearchResults(retval);
+    setSearchResults([...retval]);
     setSearchResultData({
       type: 'FeatureCollection',
-      features: retval
+      features: [...retval]
     });
   };
 

diff --git a/src/components/SearchResults.tsx b/src/components/SearchResults.tsx
@@ -74,7 +74,7 @@ export default function SearchResults(props: SearchResultsProps) {
           <ul role="listbox" tabIndex={-1} id='search-results' className='search-results'>
             {props.searchResults.map((result: Feature) => {
               return (
-                <li key={result!.properties!.Name} className='list-item search-result'>
+                <li key={`${result!.properties!.Name}_${result!.properties!.BldgNum}`} className='list-item search-result'>
                   <a
                     className='search-result-link'
                     onClick={() => {