Add key to list of PromptOption components

This is the classic thing to overlook in React programming. It's easy
to forget the key until React warns that it's missing.

diff --git a/empathy/empathy.jsx b/empathy/empathy.jsx
index 4151cf729edf1de6a53151ad49b947aeb2e504d9..feff7775a99f782188474bab923da9e1580b8327 100644 (file)
--- a/empathy/empathy.jsx
+++ b/empathy/empathy.jsx
@@ -414,7 +414,13 @@ const PromptOptions = React.memo(props => {
         Select any categories below that you'd like to play.
         You can choose as many as you'd like.
       </p>
         Select any categories below that you'd like to play.
         You can choose as many as you'd like.
       </p>

-    {props.prompts.map(p => <PromptOption prompt={p} player={props.player} />)}
+      {props.prompts.map(
+        prompt => <PromptOption
+                    key={prompt.id}
+                    prompt={prompt}
+                    player={props.player}
+                  />
+      )}

     </div>
   );
 });
     </div>
   );
 });