Можно ли обновлять состояние внутри useMemo?

useMemo — это хук, который кэширует результат вычисления между рендерами. Его единственная задача — вернуть мемоизированное значение, чтобы не пересчитывать тяжёлые операции при каждом рендере. React ожидает, что функция внутри useMemo будет чистой: без побочных эффектов, без мутаций внешних данных и без вызовов setState.

Почему setState внутри useMemo — плохая идея

• useMemo выполняется во время рендера. Вызов setState в этот момент запускает новый рендер, что может привести к бесконечному циклу.
• React может вызывать useMemo несколько раз (например, в StrictMode или при отбрасывании рендера), и тогда setState сработает неожиданное количество раз.
• Порядок и момент вызова useMemo не гарантированы так, как у useEffect, поэтому логика становится хрупкой.

Правильный подход

Если нужно обновить состояние на основе вычисленного значения, делайте это в useEffect или прямо в обработчике события. useMemo должен только возвращать значение.

// Плохо: setState внутри useMemo
const value = useMemo(() => {
  setCount(count + 1); // побочный эффект
  return heavyCalc(count);
}, [count]);

// Хорошо: чистое вычисление + эффект отдельно
const value = useMemo(() => heavyCalc(count), [count]);

useEffect(() => {
  setDerived(value);
}, [value]);

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