keys

squarenotsquare/src/screens/Game.js

@@ -139,8 +139,8 @@ function Game(props){
   function generatePair(answer, shapeIndex, pairIndex) {
     if (answer === 0) {
       return (
-        <Fade faded={challengeState.current !== pairIndex} duration={100}>
+        <Fade key={pairIndex} faded={challengeState.current !== pairIndex} duration={100}>
-          <View key={pairIndex} style={[styles.flexRow, styles.spaceEvenly, styles.buttonMargin]}>
+          <View style={[styles.flexRow, styles.spaceEvenly, styles.buttonMargin]}>
             {generateSquare(pairIndex)}
             {generateShape(shapeIndex, pairIndex)}
           </View>          
@@ -148,8 +148,8 @@ function Game(props){
       );
     } else {
       return (
-        <Fade faded={challengeState.current !== pairIndex} duration={100}>
+        <Fade key={pairIndex} faded={challengeState.current !== pairIndex} duration={100}>
-          <View key={pairIndex} style={[styles.flexRow, styles.spaceEvenly, styles.buttonMargin]}>
+          <View style={[styles.flexRow, styles.spaceEvenly, styles.buttonMargin]}>
             {generateShape(shapeIndex, pairIndex)}
             {generateSquare(pairIndex)}
           </View>