v7 with middleware

Author: AlemTuzlak

README.md

@@ -232,6 +232,41 @@ you need to know about form handling in React Router/Remix. It also covers how t
 https://youtu.be/iom5nnj29sY?si=l52WRE2bqpkS2QUh
 
 
+## Middleware mode
+
+From v7 you can use middleware to extract the form data and access it anywhere in your actions and loaders.  
+All you have to do is set it up in your `root.tsx` file like this:
+
+```ts
+import { unstable_extractFormDataMiddleware } from "remix-hook-form/middleware";
+
+export const unstable_middleware = [unstable_extractFormDataMiddleware()];
+```
+
+
+And then access it in your actions and loaders like this:
+
+
+```ts
+import { getFormData, getValidatedFormData } from "remix-hook-form/middleware";
+
+export const loader = async ({ context }: LoaderFunctionArgs) => {
+  const searchParamsFormData = await getFormData(context); 
+  return { result: "success" };
+};
+export const action = async ({ context }: ActionFunctionArgs) => {
+  // OR:   const formData = await getFormData(context); 
+  const { data, errors, receivedValues } = await getValidatedFormData<FormData>(
+    context,
+    resolver,
+  );
+  if (errors) {
+    return { errors, receivedValues };
+  } 
+  return { result: "success" };
+};
+```
+
 ## API's
 
 ### getValidatedFormData
@@ -347,6 +382,7 @@ export const action = async ({ request }: Route.ActionArgs) => {
 
 ```
 
+
 ### getFormDataFromSearchParams
 
 If you're using a GET request formData is not available on the request so you can use this method to extract your formData from the search parameters assuming you set all your data in the search parameters