fix(otp): stale dispatch in React 19.2

[askides]

What & Why

The OTP field stopped working in React 19.2 because the dispatch function captured stale value and collection state via useEffectEvent. This caused typed digits to not persist and keyboard navigation to break. This replaces useEffectEvent with useCallback + a ref so dispatch always reads the latest value while keeping a stable function identity.

Changes

• Replaced useEffectEvent with React.useCallback for the dispatch function in OneTimePasswordField
• Added a latestValueRef so dispatch reads fresh value without needing it as a dependency (keeps dispatch identity stable, avoids cascading effect re-runs)
• Removed the @radix-ui/react-use-effect-event import
• Added tests for typing with auto-advance and arrow key navigation

How to Test

1. pnpm dev → open Storybook
2. Navigate to Components > OneTimePasswordField
3. Type digits — they should persist and focus should auto-advance
4. After typing a few digits, press ArrowLeft/ArrowRight — should navigate between filled inputs
5. Backspace should clear and move focus back
6. pnpm vitest run packages/react/one-time-password-field

Closes #3709

[changeset-bot]

🦋 Changeset detected

Latest commit: 2f7959c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@radix-ui/react-one-time-password-field	Patch
radix-ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR