Merge pull request #183 from code-forge-io/fix/rhf-7.75-setvalues

feat: support react-hook-form 7.75.0 (isReady + setValues) (#180)

Author: AlemTuzlak

.changeset/rhf-7-75-compat.md

@@ -0,0 +1,5 @@
+---
+"remix-hook-form": minor
+---
+
+Fix type errors with react-hook-form 7.75.0. `FormState` gained an `isReady` field and `UseFormReturn` gained `setValues` in 7.75; the wrapped `formState` now exposes `isReady` (preserving the lazy getter behavior) and `setValues` flows through the hook's return type. Resolves the "Property 'setValues'/'isReady' is missing" errors (#180).

package-lock.json

@@ -85,7 +85,7 @@
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
-    "react-hook-form": "^7.55.0",
+    "react-hook-form": "^7.75.0",
     "react-router": ">=7.5.0"
   },
   "readme": "https://github.com/code-forge-io/remix-hook-form#readme",
@@ -104,7 +104,7 @@
     "prettier": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.51.0",
+    "react-hook-form": "^7.75.0",
     "rollup": "^3.20.2",
     "rollup-plugin-typescript2": "^0.34.1",
     "tsup": "^8.3.5",

package.json

@@ -58,6 +58,7 @@ describe("useRemixForm", () => {
       submitCount: 0,
       isLoading: false,
       errors: {},
+      isReady: true,
     });
     expect(result.current.handleSubmit).toBeInstanceOf(Function);
   });
@@ -217,7 +218,10 @@ describe("useRemixForm", () => {
       await new Promise((resolve) => setTimeout(resolve, 0));
     });
 
-    expect(renderCount()).toBe(1);
+    // react-hook-form >= 7.75 emits an extra formState notification per
+    // validation cycle (two cycles here), so the baseline render count is 3.
+    // The optimization still holds: this stays below the subscribed case below.
+    expect(renderCount()).toBe(3);
   });
 
   it("should re-render on validation if isValidating is being accessed", async () => {
@@ -255,7 +259,10 @@ describe("useRemixForm", () => {
       await new Promise((resolve) => setTimeout(resolve, 0));
     });
 
-    expect(renderCount()).toBe(3);
+    // Accessing isValidating subscribes to it, so each validation cycle
+    // re-renders — 2 more than the unsubscribed case above (3 -> 5 on
+    // react-hook-form >= 7.75, which raised the baseline by 2).
+    expect(renderCount()).toBe(5);
   });
 
   it("should not flash incorrect isSubmitting status", async () => {

src/hook/index.test.tsx

@@ -187,6 +187,9 @@ export const useRemixForm = <
       get errors() {
         return methods.formState.errors;
       },
+      get isReady() {
+        return methods.formState.isReady;
+      },
     }),
     [methods.formState, isSubmittedSuccessfully, isSubmittingNetwork],
   );