From 281631635ac8068a115c3436ed93c7c0decdbed5 Mon Sep 17 00:00:00 2001
From: Matthew Grove <me@mgrove.uk>
Date: Fri, 8 Oct 2021 19:01:09 +0100
Subject: [PATCH] [FIX] Remove dependencies & add keys to loops

---
 src/MistakesHistory.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/MistakesHistory.js b/src/MistakesHistory.js
index cbb2bbb..d1001b4 100644
--- a/src/MistakesHistory.js
+++ b/src/MistakesHistory.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { HistoryRounded as HistoryRoundedIcon, HomeRounded as HomeRoundedIcon, QuestionAnswerRounded as QuestionAnswerRoundedIcon, PeopleRounded as PeopleRoundedIcon, SwapHorizRounded as SwapHorizRoundedIcon, DeleteRounded as DeleteRoundedIcon } from "@material-ui/icons";
+import { HistoryRounded as HistoryRoundedIcon, HomeRounded as HomeRoundedIcon } from "@material-ui/icons";
 import NavBar from "./NavBar";
 import Footer from "./Footer";
 import "./css/History.css";
@@ -150,8 +150,8 @@ export default class IncorrectHistory extends Component {
 						</div>
 						<div className="mistakes-history-container">
 							{
-								this.state.incorrectAnswers.map((vocabItem) => (
-									<>
+								this.state.incorrectAnswers.map((vocabItem, index) => (
+									<React.Fragment key={index}>
 										<div>
 											<h2>{vocabItem.term}</h2>
 											<p><b>{vocabItem.switchedCount} mistake{vocabItem.switchedCount !== 1 && "s"}{vocabItem.switchedCount > 0 && ":"}</b></p>
@@ -167,8 +167,8 @@ export default class IncorrectHistory extends Component {
 																return 1;
 															}
 															return 0;
-														}).map((answerItem) => answerItem.switchLanguage && (
-															<p>{answerItem.answer === "" ? <i>skipped</i> : answerItem.answer}</p>
+														}).map((answerItem, index) => answerItem.switchLanguage && (
+															<p key={index}>{answerItem.answer === "" ? <i>skipped</i> : answerItem.answer}</p>
 														))
 													}
 												</div>
@@ -189,14 +189,14 @@ export default class IncorrectHistory extends Component {
 																return 1;
 															}
 															return 0;
-														}).map((answerItem) => !answerItem.switchLanguage && (
-															<p>{answerItem.answer === "" ? <i>skipped</i> : answerItem.answer}</p>
+														}).map((answerItem, index) => !answerItem.switchLanguage && (
+															<p key={index}>{answerItem.answer === "" ? <i>skipped</i> : answerItem.answer}</p>
 														))
 													}
 												</div>
 											}
 										</div>
-									</>
+									</React.Fragment>
 								))
 							}
 						</div>