square challenge generation correction

squarenotsquare/src/screens/Game.js

@@ -15,7 +15,7 @@ import Metrics from "../themes/Metrics";
 
 function Game(props){
 
-  const squareChallenge = useRef(genSquareChallenge());
+  const [squareChallenge, setSquareChallenge] = useState(() => {return genSquareChallenge()});
   const challengeState = useRef(-1);
   const squareMemo = useMemo(renderPairs, [challengeState.current]);
   const [timerState, setTimerState] = useState(0);
@@ -159,7 +159,7 @@ function Game(props){
   }
 
   function renderPairs(){
-    return squareChallenge.current.map((pair, index) => {
+    return squareChallenge.map((pair, index) => {
       return generatePair(pair.squarePos, pair.shapeType, index);
     });
   }
@@ -193,7 +193,7 @@ function Game(props){
       </View>
       <View style={[styles.timerView, styles.dark, styles.centeredJustify]}>
         <Text style={[styles.lightText, styles.headerTitleFont, styles.centeredText]}>
-          {answers.current + ' / ' + squareChallenge.current.length}
+          {answers.current + ' / ' + squareChallenge.length}
         </Text>
       </View>
     </SafeAreaView>