From 76e235f22f15b0590d2c6594f9c298d94ba59307 Mon Sep 17 00:00:00 2001
From: ilyayudovin <ilyayudovin123@gmail.com>
Date: Fri, 9 Oct 2020 23:48:17 +0300
Subject: Fix console warnings

---
 src/containers/Home/Home.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/containers/Home/Home.tsx')

diff --git a/src/containers/Home/Home.tsx b/src/containers/Home/Home.tsx
index 4fd2833..e97d640 100644
--- a/src/containers/Home/Home.tsx
+++ b/src/containers/Home/Home.tsx
@@ -71,7 +71,7 @@ const Home: React.FC = () => {
 
   const Reviews = (
     <div className={classes.reviews}>
-      {feedbacks?.map((feedback: Feedback) => <ReviewCard feedback={feedback} />)}
+      {feedbacks?.map((feedback: Feedback, index) => <ReviewCard key={index} feedback={feedback} />)}
     </div>
   );
 
@@ -130,7 +130,7 @@ const Home: React.FC = () => {
             <Grid item>
               <Typography variant="h4"> Which one to choose? </Typography>
               <Divider />
-              <Typography>
+              <Typography component="span">
                 <p>
                   Have you ever found yourself stuck between two options, not being able to choose any?
                   This is exactly the problem we are going to solve!
@@ -156,7 +156,7 @@ const Home: React.FC = () => {
               <Grid item>
                 <Typography variant="h4">{`What's new in ${release?.version}?`}</Typography>
                 <Divider />
-                <Typography className={classes.patchNotes}>
+                <Typography component="span" className={classes.patchNotes}>
                   <p>{release?.description}</p>
                 </Typography>
                 <Button
-- 
cgit v1.2.3

