Tag See all →

#hooks

2 stories

Banner: React 19 useFormStatus pending is always false because the hook must live inside the form

Web Development Bug Report

React 19 useFormStatus pending is always false: the hook must live inside the form

Hannah Okafor · Aug 3, 2026 · 7 min read

We moved a checkout form to React 19 form actions and used useFormStatus to disable the submit button while submitting. The button never disabled and customers double-submitted orders. useFormStatus only reads the status of a parent form, and we called it in the component that rendered the form.

Banner: a React timer stuck at 1 because an interval callback reads stale state

Web Development Bug Report

React countdown stuck at 1: stale closure in a setInterval inside useEffect

John Nguyen · Nov 24, 2024 · 8 min read

Our session timeout banner counted from 0 to 1 and then froze. The interval callback captured the first render's state, so it kept computing 0 + 1 forever. Functional state updates, and a ref-based useInterval hook for callbacks that read props, fixed it for good.