diff --git a/src/useCursor/useCursorRender.ts b/src/useCursor/useCursorRender.ts index 40ad62e..64aff22 100644 --- a/src/useCursor/useCursorRender.ts +++ b/src/useCursor/useCursorRender.ts @@ -1,9 +1,16 @@ import { useEffect } from 'react'; import type { Coord } from './types'; import type { BoardManager } from '../useBoard/types'; +import type { GameStatus } from '../useGameStatus/types'; -export function useCursorRender(containerRef: BoardManager['containerRef'], position: Coord) { +export function useCursorRender( + containerRef: BoardManager['containerRef'], + position: Coord, + gameStatus: GameStatus +) { useEffect(() => { + if (gameStatus !== 'started') return; + console.log('🎯 Cursor position:', position); const container = containerRef.current; @@ -29,5 +36,5 @@ export function useCursorRender(containerRef: BoardManager['containerRef'], posi } else { console.log('❌ Target cell not found'); } - }, [position, containerRef]); + }, [position, containerRef, gameStatus]); } diff --git a/src/useGame.ts b/src/useGame.ts index dc372f2..9829be3 100644 --- a/src/useGame.ts +++ b/src/useGame.ts @@ -16,7 +16,7 @@ export function useGame(options: GameOptions = {}, platformHook?: unknown): Game const cursor = useCursor(gameStatusManager); const cursorPosition = cursor.position(); - useCursorRender(containerRef, cursorPosition); + useCursorRender(containerRef, cursorPosition, gameStatus); const [keyLog, setKeyLog] = useState<{ key: string; timestamp: number }[]>([]);