diff --git a/example/components/FilmDetails.tsx b/example/components/FilmDetails.tsx
index d8cbf87..7c754f2 100644
--- a/example/components/FilmDetails.tsx
+++ b/example/components/FilmDetails.tsx
@@ -42,9 +42,12 @@ export const FilmDetails = ({ filmId, optimize }: Props) => {
     { optimize },
   );
 
-  const [producers, queryProducers] = useDeferredQuery(ProducersQuery, {
-    debounce: 500,
-  });
+  const [producers, { query: queryProducers }] = useDeferredQuery(
+    ProducersQuery,
+    {
+      debounce: 500,
+    },
+  );
 
   useEffect(() => {
     // try debounced