@beignet/react-hook-form 0.0.54 → 0.0.56

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @beignet/react-hook-form
 
+## 0.0.56
+
+### Patch Changes
+
+- e00c302: Use direct React Query options and declarative invalidation in generated components, with guidance for extracting shared client behavior.
+
+## 0.0.55
+
 ## 0.0.54
 
 ## 0.0.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beignet/react-hook-form",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "type": "module",
   "description": "React Hook Form integration for Beignet with Standard Schema support",
   "main": "./dist/index.js",

package/skills/forms/SKILL.md

@@ -40,39 +40,37 @@ contracts, use cases, tests, and components.
 
 ## Form Pattern
 
+Pass callbacks inside `mutationOptions`; overwriting its returned `onSuccess`
+bypasses declarative invalidation.
+
 ```tsx
 "use client";
 
-import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useMutation } from "@tanstack/react-query";
 import { rootFormError } from "@beignet/react-hook-form";
 import { rhf } from "@/client/forms";
-import { createTodo } from "@/features/todos/contracts";
-import {
-  createTodoMutationOptions,
-  invalidateTodos,
-} from "@/features/todos/client/queries";
+import { rq } from "@/client";
+import { createTodo, listTodos } from "@/features/todos/contracts";
 
 const createTodoForm = rhf(createTodo);
 
 export function CreateTodoForm() {
-  const queryClient = useQueryClient();
   const form = createTodoForm.useForm({
     defaultValues: { title: "" },
   });
 
-  const mutation = useMutation({
-    ...createTodoMutationOptions(),
-    onSuccess: () => {
-      form.reset();
-      invalidateTodos(queryClient);
-    },
-    onError: (error) => {
-      form.setError(
-        "root",
-        rootFormError(error, "Could not create the todo."),
-      );
-    },
-  });
+  const mutation = useMutation(
+    rq(createTodo).mutationOptions({
+      invalidates: () => [rq(listTodos).contractFilter()],
+      onSuccess: () => form.reset(),
+      onError: (error) => {
+        form.setError(
+          "root",
+          rootFormError(error, "Could not create the todo."),
+        );
+      },
+    }),
+  );
 
   return (
     <form