fix(react-hook-form): correctly handle unsaved changes warning (refinedev#6691)

Used useEffect to track isDirty and update setWarnWhen accordingly.

Author: mohit-2003

packages/react-hook-form/src/useForm/index.ts

@@ -128,6 +128,7 @@ export const useForm = <
     watch,
     setValue,
     getValues,
+    formState,
     handleSubmit: handleSubmitReactHookForm,
     setError,
   } = useHookFormResult;
@@ -229,11 +230,11 @@ export const useForm = <
     return () => subscription.unsubscribe();
   }, [watch]);
 
-  const onValuesChange = (changeValues: TVariables) => {
-    if (warnWhenUnsavedChanges) {
-      setWarnWhen(true);
-    }
+  useEffect(() => {
+    setWarnWhen(formState.isDirty && warnWhenUnsavedChanges);
+  }, [formState.isDirty, warnWhenUnsavedChanges]);
 
+  const onValuesChange = (changeValues: TVariables) => {
     if (refineCoreProps?.autoSave?.enabled) {
       setWarnWhen(false);