From 5ae81ccec44aa2dfa0d599a1837acd23207a3091 Mon Sep 17 00:00:00 2001
From: CM Lubinski <christopher.lubinski@gsa.gov>
Date: Mon, 3 Apr 2017 16:51:14 -0400
Subject: [PATCH] Account for multiple texts with the same key.

---
 ui/components/requirements/requirement.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/components/requirements/requirement.jsx b/ui/components/requirements/requirement.jsx
index 4178f9ed2..d962cf273 100644
--- a/ui/components/requirements/requirement.jsx
+++ b/ui/components/requirements/requirement.jsx
@@ -1,15 +1,19 @@
 import React from 'react';
 
 export default function Requirement({ requirement }) {
+  // We could have multiple lines with the same text, so can't use a stable ID
+  /* eslint-disable react/no-array-index-key */
+  const reqTexts = requirement.req_text.split('\n').map((line, idx) => (
+    <span key={idx} className="req-text-line mb1">{ line }<br /></span>
+  ));
+  /* eslint-enable react/no-array-index-key */
   return (
     <div className="req p2 clearfix max-width-3">
       <div className="req-id col col-1 mb2 mr1">
         {requirement.req_id}
       </div>
       <div className="req-text col col-10">
-        { requirement.req_text.split('\n').map(line => (
-          <span key={line} className="req-text-line mb1">{ line }<br /></span>
-          ))}
+        { reqTexts }
         <div className="clearfix mt3">
           <div className="applies-to mr2">
             Applies to: [not implemented]