Add default values for useFragment generic types (#10469)

apollographql · Jan 23, 2023 · 328c58f · 328c58f
1 parent c7ccbce
commit 328c58f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/wicked-dots-knock.md b/.changeset/wicked-dots-knock.md
@@ -0,0 +1,5 @@
+---
+'@apollo/client': patch
+---
+
+Add generic type defaults when using `useFragment` to allow passing `TData` directly to the function without needing to specify `TVars`.
diff --git a/src/react/hooks/useFragment.ts b/src/react/hooks/useFragment.ts
@@ -11,6 +11,7 @@ import {
 
 import { useApolloClient } from "./useApolloClient";
 import { useSyncExternalStore } from "./useSyncExternalStore";
+import { OperationVariables } from "../../core";
 
 export interface UseFragmentOptions<TData, TVars>
 extends Omit<
@@ -48,7 +49,10 @@ export interface UseFragmentResult<TData> {
   missing?: MissingTree;
 }
 
-export function useFragment_experimental<TData, TVars>(
+export function useFragment_experimental<
+  TData = any,
+  TVars = OperationVariables
+>(
   options: UseFragmentOptions<TData, TVars>,
 ): UseFragmentResult<TData> {
   const { cache } = useApolloClient();