- fix mistake in refetching-queries-with-different-data

Reviewed By: captbaritone Differential Revision: D68355773 fbshipit-source-id: ba1724a951ab5e0fb56a09ef54eed18040adc497
facebook · Jan 24, 2025 · 61c7de9 · 61c7de9
1 parent efd2a0a
commit 61c7de9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/website/docs/guided-tour/refetching/refetching-queries-with-different-data.md b/website/docs/guided-tour/refetching/refetching-queries-with-different-data.md
@@ -130,6 +130,7 @@ function App(props: Props) {
   const refetch = useCallback(() => {
     if (isRefetching) { return; }
     setIsRefetching(true);
+    const variables = { id: 'different-id' };
 
     // fetchQuery will fetch the query and write
     // the data to the Relay store. This will ensure
@@ -146,7 +147,7 @@ function App(props: Props) {
           // At this point the data for the query should
           // be cached, so we use the 'store-only'
           // fetchPolicy to avoid suspending.
-          loadQuery({id: 'different-id'}, {fetchPolicy: 'store-only'});
+          loadQuery(variables, {fetchPolicy: 'store-only'});
         },
         error: () => {
           setIsRefetching(false);
@@ -292,6 +293,7 @@ function App(props: Props) {
   const refetch = useCallback(() => {
     if (isRefreshing) { return; }
     setIsRefreshing(true);
+    const variables = { id: 'different-id' };
 
     // fetchQuery will fetch the query and write
     // the data to the Relay store. This will ensure
@@ -313,7 +315,7 @@ function App(props: Props) {
               fetchKey: (prev?.options.fetchKey ?? 0) + 1,
               fetchPolicy: 'store-only',
             },
-            variables: {id: 'different-id'}
+            variables,
           }));
         },
         error: () => {

diff --git a/...ersion-v18.0.0/guided-tour/refetching/refetching-queries-with-different-data.md b/...ersion-v18.0.0/guided-tour/refetching/refetching-queries-with-different-data.md
@@ -130,6 +130,7 @@ function App(props: Props) {
   const refetch = useCallback(() => {
     if (isRefetching) { return; }
     setIsRefetching(true);
+    const variables = { id: 'different-id' };
 
     // fetchQuery will fetch the query and write
     // the data to the Relay store. This will ensure
@@ -146,7 +147,7 @@ function App(props: Props) {
           // At this point the data for the query should
           // be cached, so we use the 'store-only'
           // fetchPolicy to avoid suspending.
-          loadQuery({id: 'different-id'}, {fetchPolicy: 'store-only'});
+          loadQuery(variables, {fetchPolicy: 'store-only'});
         },
         error: () => {
           setIsRefetching(false);
@@ -292,6 +293,7 @@ function App(props: Props) {
   const refetch = useCallback(() => {
     if (isRefreshing) { return; }
     setIsRefreshing(true);
+    const variables = { id: 'different-id' };
 
     // fetchQuery will fetch the query and write
     // the data to the Relay store. This will ensure
@@ -313,7 +315,7 @@ function App(props: Props) {
               fetchKey: (prev?.options.fetchKey ?? 0) + 1,
               fetchPolicy: 'store-only',
             },
-            variables: {id: 'different-id'}
+            variables,
           }));
         },
         error: () => {