Использование переменных состояния внутри интервального обратного вызова

На данный момент ваша функция обратного вызова useEffect() создается при первоначальном монтировании вашего компонента GameRound и устанавливает интервал. Функция обратного вызова useEffect() знает о переменных в окружающей ее области, которая включает в себя такие вещи, как состояние и функции (т. е.: sendAnswer). Однако, поскольку ваша зависимость useEffect() никогда не меняется при повторных рендерингах (судя по вашим комментариям), функция обратного вызова useEffect вызывается только один раз при монтировании, и поэтому она знает только о состоянии и функциях, созданных для этого первоначального рендеринга, где значения вашего состояния все сохраняют свои первоначальные значения. Таким образом, весь код, вложенный в обратный вызов, «видит» только значения переменных из первоначального рендеринга/вызова вашего функционального компонента (это часто называют устаревшим замыканием).

Типичный способ обойти это — передать sendAnswer как зависимость вашему useEffect(), однако это вызовет всевозможные проблемы с остановкой и запуском таймера при изменении состояния answer. К сожалению, лучший способ обойти это — еще официально не выпущен в React. Однако на данный момент мы можем сами создать хук, имитирующий эту еще не реализованную функцию, создав собственную псевдоверсию useEffectEvent хука:

// Rough example of how `useEffectEvent` could be implemented.
// Taken from: https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation
import { useRef, useLayoutEffect, useCallback } from "react";
function useEffectEvent(handler) {
  const handlerRef = useRef(null);
  useLayoutEffect(() => {
    handlerRef.current = handler;
  });
  return useCallback((...args) => {
    const fn = handlerRef.current;
    return fn(...args);
  }, []);
}

Теперь, чтобы использовать его, я бы сначала посоветовал вам избегать добавления побочных эффектов в вашу функцию установки состояния. Как вы упомянули в своем комментарии ниже, ваш интервал добавляется обработчиком событий. Вы можете немного реорганизовать свой обратный вызов useEffect примерно так:

const decTimer = useEffectEvent(() => {
  if (timerTime === 1 && canSendRef.current);
    sendAnswer(true);
  
  setTimerTime(oldTimerTime => oldTimerTime-1); // no side-effects anymore (your state setter function is now a pure function, as React recommends).
});

useEffect(() => {
  let timerInterval;
  sharedEventSource.addEventListener("game", (event) => {
    timerInterval = setInterval(() => decTimer(), 1000);
  });

  return () => {
    sharedEventSource.removeEventListener("game");
    clearInterval(timerInterval);
  };

}, [sharedEventSource]); // no need to specify `decTimer` as a dependency as it is stable across renders (same function reference for every rerender)

При такой настройке canSendRef.current также может оставаться в состоянии (а не в качестве ссылки), так как теперь decTimer имеет доступ к самому актуальному состоянию.