Merge pull request #141 from invertase/ehesp/dc-feedback

Author: Ehesp

docs/react/data-connect/mutations.mdx

@@ -33,6 +33,14 @@ function Component() {
 }
 ```
 
+Additionally, you can provide a factory function to the mutation, which will be called with the mutation variables:
+
+```tsx
+const createMovie = useDataConnectMutation((title: string) => createMovieRef({ title, reviewDate: Date.now() }));
+// ...
+createMovie.mutate("John Wick");
+```
+
 ## Invalidating Queries
 
 The hook provides an additional [mutation option](https://tanstack.com/query/latest/docs/framework/react/reference/useMutation) called `invalidate`. This option accepts a list of query references which will be automatically invalidated when the mutation is successful.

packages/react/src/data-connect/types.ts

@@ -1,3 +1,4 @@
+import type { QueryKey } from "@tanstack/react-query";
 import type { MutationResult, QueryResult } from "firebase/data-connect";
 
 // Flattens a QueryResult data down into a single object.