examples(front-end): fix react-query query cache key

dotansimha · Nov 2, 2022 · 5cd6d06 · 5cd6d06
1 parent 3860304
commit 5cd6d06
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/examples/front-end/react/tanstack-react-query/src/App.tsx b/examples/front-end/react/tanstack-react-query/src/App.tsx
@@ -18,10 +18,12 @@ const allFilmsWithVariablesQueryDocument = graphql(/* GraphQL */ `
 `);
 
 function App() {
-  const { data } = useQuery(['films'], async () =>
-    request('https://swapi-graphql.netlify.app/.netlify/functions/index', allFilmsWithVariablesQueryDocument, {
-      first: 10,
-    })
+  const { data } = useQuery(['films', { first: 10 }] as const, async ({ queryKey }) =>
+    request(
+      'https://swapi-graphql.netlify.app/.netlify/functions/index',
+      allFilmsWithVariablesQueryDocument,
+      queryKey[1]
+    )
   );
 
   return (