Fix dynamic select storybook test failure

- Modified `useOnFormValueChange` hook to correctly track `prevValue` using `useRef`.
- Updated `selectRadixOption` test helper to blur the trigger after selection (click on body) to simulate "clicking off" and ensure onBlur events fire.

Author: google-labs-jules[bot]

apps/docs/src/lib/storybook/test-utils.ts

@@ -46,4 +46,8 @@ export async function selectRadixOption(
     const listbox = screen.queryByRole('listbox');
     if (listbox) throw new Error('Listbox still visible');
   });
+
+  // 6. Blur the trigger to ensure any onBlur events are fired (simulating "clicking off")
+  // This helps when interactions depend on the field losing focus (like updating dirty/touched states)
+  await userEvent.click(document.body);
 }

packages/components/src/remix-hook-form/hooks/use-on-form-value-change.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import {
   useFormContext,
   type FieldPath,
@@ -84,21 +84,29 @@ export const useOnFormValueChange = <
   const contextMethods = useFormContext<TFieldValues>();
   const formMethods = (providedMethods || contextMethods) as WatchableFormMethods<TFieldValues> | null;
 
+  // Store previous value in a ref
+  const prevValueRef = useRef<PathValue<TFieldValues, TName> | undefined>(
+    formMethods?.getValues ? formMethods.getValues(name) : undefined,
+  );
+
   useEffect(() => {
     // Early return if no form methods are available or hook is disabled
     if (!enabled || !formMethods || !formMethods.watch || !formMethods.getValues) return;
 
-    const { watch, getValues } = formMethods;
+    const { watch } = formMethods;
 
     // Subscribe to the field value changes
     const subscription = watch(((value, { name: changedFieldName }) => {
       // Only trigger onChange if the watched field changed
       if (changedFieldName === name) {
         const currentValue = value[name] as PathValue<TFieldValues, TName>;
-        // Get previous value from the form state
-        const prevValue = getValues(name);
+        // Get previous value from the ref
+        const prevValue = prevValueRef.current as PathValue<TFieldValues, TName>;
 
         onChange(currentValue, prevValue);
+
+        // Update ref with new value
+        prevValueRef.current = currentValue;
       }
     }) as WatchObserver<TFieldValues>);