The one where I expose a return type type

forge42dev · Jun 20, 2024 · 2031771 · 2031771
1 parent 8fb49c0
commit 2031771
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "remix-hook-form",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "description": "Utility wrapper around react-hook-form for use with Remix.run",
   "type": "module",
   "main": "./dist/index.cjs",

diff --git a/src/hook/index.tsx b/src/hook/index.tsx
@@ -197,6 +197,9 @@ export const useRemixForm = <T extends FieldValues>({
 
   return hookReturn;
 };
+
+export type UseRemixFormReturn = ReturnType<typeof useRemixForm>;
+
 interface RemixFormProviderProps<T extends FieldValues>
   extends Omit<UseFormReturn<T>, "handleSubmit" | "reset"> {
   children: React.ReactNode;

diff --git a/src/testing-app/app/routes/_index.tsx b/src/testing-app/app/routes/_index.tsx
@@ -7,6 +7,7 @@ import {
   type UploadHandler,
 } from "@remix-run/node";
 import { Form, useFetcher } from "@remix-run/react";
+import { useEffect } from "react";
 import {
   getValidatedFormData,
   useRemixForm,
@@ -95,7 +96,12 @@ export default function Index() {
     },
   });
   const { register, handleSubmit, formState, watch, setError } = methods;
-
+  useEffect(() => {
+    setError("root.file", {
+      message: "File is required",
+    });
+  }, []);
+  console.log(formState.errors);
   return (
     <RemixFormProvider {...methods}>
       <p>Add a thing...</p>