Проблема: в эффекте с пустым массивом зависимостей ($[]$) замыкание фиксирует начальное значение состояния $c=0$. Интервал вызывает `setC(c+1)`, где $c$ всегда равно начальному значению, поэтому значение постоянно присваивается $1$ и не растёт. Кроме того интервал не очищается при размонтировании.
Исправление — использовать функциональный апдейтер (чтобы брать актуальное состояние) и очищать интервал:
function Counter() {
const [c, setC] = useState($0$);
useEffect(() => {
const id = setInterval(() => setC(prev => prev + $1$), $1000$);
return () => clearInterval(id);
}, []);
return {c};
}
Альтернатива (не рекомендую): добавлять $c$ в массив зависимостей — это создаст новый интервал при каждом изменении состояния, если не очищать старый, приведёт к утечкам. Функциональный апдейтер — простое и корректное решение.