fix: grid issues

memory-game/components/MemoryGame.jsx

@@ -19,6 +19,7 @@ const MemoryGame = () => {
   const [flipped, setFlipped] = useState([]);
   const [selectedPairs, setSelectedPairs] = useState([]);
   const [disabled, setDisabled] = useState(false);
+  const [error, setError] = useState("");
 
   const [won, setWon] = useState(false);
 
@@ -26,6 +27,9 @@ const MemoryGame = () => {
   const size = parseInt(e.target.value);
   if (2 <= size && size <= 10 && (size * size) % 2 === 0) {
     setGridSize(size);
+    setError(""); 
+  } else {
+    setError("Please enter a grid size where gridSize x gridSize is even (e.g. 2, 4, 6, 8, 10)");
   }
   };