fix(ui): use index as key of list of components to make sure the ui d…

…oesn't fail when a type gets processed multiple times (#178)
Typescript-TDD · Jan 15, 2020 · 84a52a1 · 84a52a1
1 parent 0238e97
commit 84a52a1
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/ui/src/app/definitelyTyped/definitelyTyped.tsx b/ui/src/app/definitelyTyped/definitelyTyped.tsx
@@ -94,8 +94,8 @@ export function DefinitelyTyped(): JSX.Element {
     return <option key={index} value={run.id}>Run on date {run.date.toISOString()}</option>;
   });
 
-  const types: JSX.Element[] = !viewData ? [] : viewData.map((d) => {
-    return <details key={d.item} className={mapResponseToClassName(d.response)}>
+  const types: JSX.Element[] = !viewData ? [] : viewData.map((d: DefinitelyTypedTypeRun, index: number) => {
+    return <details key={index} className={mapResponseToClassName(d.response)}>
       <summary><span>{d.item}</span></summary>
       <pre>{d.message}</pre>
     </details>;