snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)

docs/framework/solid/guides/updates-from-mutation-responses.md

@@ -0,0 +1,50 @@
+---
+id: updates-from-mutation-responses
+title: Updates from Mutation Responses
+ref: docs/framework/react/guides/updates-from-mutation-responses.md
+replace: { 'hook': 'function' }
+---
+
+[//]: # 'Example'
+
+```tsx
+const queryClient = useQueryClient()
+
+const mutation = useMutation(() => ({
+  mutationFn: editTodo,
+  onSuccess: (data) => {
+    queryClient.setQueryData(['todo', { id: 5 }], data)
+  },
+}))
+
+mutation.mutate({
+  id: 5,
+  name: 'Do the laundry',
+})
+
+// The query below will be updated with the response from the
+// successful mutation
+const todoQuery = useQuery(() => ({
+  queryKey: ['todo', { id: 5 }],
+  queryFn: fetchTodoById,
+}))
+```
+
+[//]: # 'Example'
+[//]: # 'Example2'
+
+```tsx
+const useMutateTodo = () => {
+  const queryClient = useQueryClient()
+
+  return useMutation(() => ({
+    mutationFn: editTodo,
+    // Notice the second argument is the variables object that the `mutate` function receives
+    onSuccess: (data, variables) => {
+      queryClient.setQueryData(['todo', { id: variables.id }], data)
+    },
+  }))
+}
+```
+
+[//]: # 'Example2'