function grid_square(j) {
const value = props.squares[j];
const last_move = props.last_moves.includes(j);
+
+ /* Even if the grid is active, the square is only active if
+ * unoccupied. */
+ const square_active = (props.active && (value === null));
+
return (
<Square
value={value}
- active={props.active}
+ active={square_active}
last_move={last_move}
onClick={() => props.onClick(j)}
/>