<Square value={squares[i]} onClick={() => onClick(i)} />



onClick={()=>onClick(i)}

이렇게 래퍼함수로 전달해도문제없는거임?