Fixed issue with typescript

package.json

@@ -1,6 +1,6 @@
 {
   "name": "remix-hook-form",
-  "version": "6.1.2",
+  "version": "6.1.3",
   "description": "Utility wrapper around react-hook-form for use with react-router v7+",
   "type": "module",
   "main": "./dist/index.cjs",

src/hook/index.tsx

@@ -28,9 +28,9 @@ import {
   type FormMethod,
   type SubmitFunction,
   useActionData,
+  useHref,
   useNavigation,
   useSubmit,
-  useHref,
 } from "react-router";
 
 import { createFormData } from "../utilities";
@@ -225,7 +225,7 @@ export const useRemixForm = <T extends FieldValues>({
         onInvalidHandler,
       )(e);
     },
-    [methods.handleSubmit, submitHandlers, onSubmit, onInvalid],
+    [methods.handleSubmit, submitHandlers, onSubmit, onInvalid, basename],
   );
 
   const hookReturn = useMemo(
@@ -242,7 +242,11 @@ export const useRemixForm = <T extends FieldValues>({
   return hookReturn;
 };
 
-export type UseRemixFormReturn = ReturnType<typeof useRemixForm>;
+export type UseRemixFormReturn<T extends FieldValues> = UseFormReturn<T> & {
+  handleSubmit: ReturnType<typeof useRemixForm>["handleSubmit"];
+  reset: ReturnType<typeof useRemixForm>["reset"];
+  register: ReturnType<typeof useRemixForm>["register"];
+};
 
 interface RemixFormProviderProps<T extends FieldValues>
   extends Omit<UseFormReturn<T>, "handleSubmit" | "reset"> {

src/utilities/index.test.ts

@@ -137,10 +137,10 @@ describe("parseFormData", () => {
     const requestFormDataSpy = vi.spyOn(request, "formData");
     const blob = new Blob(["Hello, world!"], { type: "text/plain" });
     const mockFormData = new FormData();
-    mockFormData.append("formData", blob);
+    mockFormData.append("file", blob);
     requestFormDataSpy.mockResolvedValueOnce(mockFormData);
-    const data = await parseFormData<{ formData: any }>(request);
-    expect(data.formData).toBeTypeOf("object");
+    const data = await parseFormData<{ file: Blob }>(request);
+    expect(data.file).toBeTypeOf("object");
   });
 });
 

test-apps/react-router/app/routes/home.tsx

@@ -1,5 +1,5 @@
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Form, useFetcher } from "react-router";
+import { type ClientActionFunctionArgs, Form, useFetcher } from "react-router";
 import {
   type ActionFunctionArgs,
   type LoaderFunctionArgs,
@@ -47,7 +47,12 @@ export const action = async ({ request }: ActionFunctionArgs) => {
   console.log(formData);
   return { result: "success" };
 };
-
+export const clientAction = async ({
+  request,
+  serverAction,
+}: ClientActionFunctionArgs) => {
+  return { result: "success" };
+};
 export default function Index() {
   const fetcher = useFetcher();
   const methods = useRemixForm({