The timer that runs but never ticks
The interval fires every second. The display disagrees.
reactSoft~15 min
Fresh from the oven
Clone it down and have a look around.
$
git clone https://github.com/loaf-crumbs/timer-that-wont-tick.gitThe scenario
The session dashboard shows a live "active for" timer in the top-right corner. It's supposed to count up every second so support staff know how long a customer session has been open.
The timer mounts, ticks once — 0s becomes 1s — and stops. It doesn't freeze or throw. It just stays at 1s indefinitely. The interval is clearly running; a console.log inside the callback confirms it fires on schedule. The state setter isn't erroring. The number just never moves past 1.
A colleague restarted the dev server, cleared the cache, and checked for stale builds. Nothing changed.
What done looks like
- The timer increments by 1 every second without freezing
- The display matches the actual number of seconds elapsed since the component mounted
- Unmounting and remounting the component resets the count to 0
Stuck?
Peek if you need to — they get more specific as you go.
Taste test
Send it in when you’re ready. We’ll see if it’s tasty.
When you've got the flag, paste it here.
No attempts yet.