fixed up a bunch of things in face recognition

1 files changed, 3 insertions, 4 deletions

diff --git a/src/client/views/newlightbox/RecommendationList/RecommendationList.tsx b/src/client/views/newlightbox/RecommendationList/RecommendationList.tsx
index dc3339cd3..27413bac3 100644
--- a/src/client/views/newlightbox/RecommendationList/RecommendationList.tsx
+++ b/src/client/views/newlightbox/RecommendationList/RecommendationList.tsx
@@ -1,6 +1,4 @@
 /* eslint-disable react/jsx-props-no-spreading */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable guard-for-in */
 import { IconButton, Size, Type } from 'browndash-components';
 import * as React from 'react';
@@ -168,7 +166,8 @@ export function RecommendationList() {
                     <div className="keywords">
                         {keywordsLoc &&
                             keywordsLoc.map((word, ind) => (
-                                <div className="keyword">
+                                <div className="keyword" key={word}>
+                                    {' '}
                                     {word}
                                     <IconButton
                                         type={Type.PRIM}
@@ -207,7 +206,7 @@ export function RecommendationList() {
                     </div>
                 )}
             </div>
-            <div className="recommendations">{recs && recs.map((rec: IRecommendation) => <Recommendation {...rec} />)}</div>
+            <div className="recommendations">{recs && recs.map(rec => <Recommendation key={rec.data} {...rec} />)}</div>
         </div>
     );
 }