remix-validated-form 4.6.7 → 4.6.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remix-validated-form",
-  "version": "4.6.7",
+  "version": "4.6.9",
   "description": "Form component and utils for easy form validation in remix",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -57,6 +57,6 @@
     "lodash.get": "^4.4.2",
     "remeda": "^1.2.0",
     "tiny-invariant": "^1.2.0",
-    "zustand": "^4.0.0-rc.1"
+    "zustand": "^4.3.0"
   }
 }

package/src/ValidatedForm.tsx

@@ -320,6 +320,7 @@ export function ValidatedForm<DataType>({
   ) => {
     startSubmit();
     const submitter = nativeEvent.submitter as HTMLFormSubmitter | null;
+    const formMethod = (submitter?.formMethod as FormMethod) || method;
     const formDataToValidate = getDataFromForm(e.currentTarget);
     if (submitter?.name) {
       formDataToValidate.append(submitter.name, submitter.value);
@@ -350,11 +351,12 @@ export function ValidatedForm<DataType>({
       // but we already have the form in `formRef.current` so we can just use that.
       // If we use `event.currentTarget` here, it will break because `currentTarget`
       // will have changed since the start of the submission.
-      if (fetcher) fetcher.submit(submitter || e.currentTarget);
+      if (fetcher)
+        fetcher.submit(submitter || e.currentTarget, { method: formMethod });
       else
         submit(submitter || target, {
           replace,
-          method: (submitter?.formMethod as FormMethod) || method,
+          method: formMethod,
         });
     }
   };

package/src/internal/state/createFormStore.ts

@@ -1,7 +1,7 @@
 import { WritableDraft } from "immer/dist/internal";
 import { getPath, setPath } from "set-get";
 import invariant from "tiny-invariant";
-import create, { GetState } from "zustand";
+import { create, GetState } from "zustand";
 import { immer } from "zustand/middleware/immer";
 import {
   FieldErrors,