reactjs - React で XState を使用して現在のマシンの状態を確認する際の問題

Question

反応コンポーネント（state.value）の関数内からマシンの状態を確認しようとしていますが、現在の状態を変更することはなく、常に初期状態を出力しますが、コンポーネントに onClick イベントを配置してコンソールを呼び出すと. log(state.value)、それは機能します...私は何か間違ったことをしていますか?

const [state, send] = useMachine(knightMachine);

const loop = ()  => {
    console.log(state.value);
    
     setTimeout(loop, 10);
    
    }
    
    /// Always print the initial state.


    <div
    onClick={() => {
    console.log(state.value);
    }}
    ></div>
    
    /// It Prints the right value