GameBoard: ignore obvuisly bad moves

webapp/src/components/Checkers.jsx

@@ -85,7 +85,10 @@ export function Board({ board, flip, prevMove, currMove, onStoneClick, onStoneMo
     const isInteractive = (board && (typeof onStoneClick === 'function' || typeof onStoneMove === 'function')) ? ' interactive' : '';
 
     const WhiteTile = ({ id }) => {
-        const stone = (id === currMove[1]) ? board[currMove[0]] : board[id];
+        id = (id !== currMove[1]) ? id :
+            currMove[0]; // the stone from currMove sarting position
+        
+        const stone = board[id];
 
         return (
             <div className={'Tile white' 

webapp/src/container/games/GameBoard.jsx

@@ -14,7 +14,10 @@ export default function GameBoard({ username, getGame, onStoneClick, onStoneMove
     (cellId) => onStoneClick(game.uuid, cellId);
 
   const optionalOnStoneMove = (typeof onStoneMove !== 'function' || isPushing) ? null :
-    (move) => onStoneMove(game.uuid, move);
+    (move) =>  {
+      if (move[0] !== move[1] && game.board[move[1]] === undefined)
+        onStoneMove(game.uuid, move)
+    };
 
   return (
     <div className='GameBoard'>