> Почему React-компонент может вызываться два раза подряд? (React)

Двойной вызов компонента в React (в режиме разработки) - это ожидаемое поведение, связанное с Strict Mode. React намеренно дважды вызывает функцию компонента (и reducer, и инициализатор состояния), чтобы помочь обнаружить побочные эффекты, которые не являются чистыми. Это происходит только в development-сборке и не влияет на production.

Вторая причина - баги в коде, например:

• Неправильное использование useEffect без зависимостей, вызывающее ререндер.

• Изменение состояния во время рендера (например, вызов setState внутри тела компонента без условия).

• Проблемы с мемоизацией (некорректные зависимости в useCallback/useMemo).

Если двойной вызов происходит в production - проверьте, не обёрнут ли компонент в React.StrictMode (его следует убрать только для production-сборки, но он безопасен). В остальных случаях ищите причину в логике обновления состояния или эффектов.