Minor tweak to error message for loadQuery function

apollographql · Nov 28, 2023 · fe2cf17 · fe2cf17
1 parent 51d6e92
commit fe2cf17
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/react/hooks/__tests__/useLoadableQuery.test.tsx b/src/react/hooks/__tests__/useLoadableQuery.test.tsx
@@ -4286,7 +4286,7 @@ it("throws when calling loadQuery on first render", async () => {
 
   expect(() => renderWithMocks(<App />, { mocks })).toThrow(
     new InvariantError(
-      "useLoadableQuery: loadQuery should not be called during render. To load a query during render, use `useBackgroundQuery`."
+      "useLoadableQuery: 'loadQuery' should not be called during render. To start a query during render, use the 'useBackgroundQuery' hook."
     )
   );
 });
@@ -4319,7 +4319,7 @@ it("throws when calling loadQuery on subsequent render", async () => {
 
   expect(error).toEqual(
     new InvariantError(
-      "useLoadableQuery: loadQuery should not be called during render. To load a query during render, use `useBackgroundQuery`."
+      "useLoadableQuery: 'loadQuery' should not be called during render. To start a query during render, use the 'useBackgroundQuery' hook."
     )
   );
 });

diff --git a/src/react/hooks/useLoadableQuery.ts b/src/react/hooks/useLoadableQuery.ts
@@ -183,7 +183,7 @@ export function useLoadableQuery<
       failDuringRender(() => {
         invariant(
           false,
-          "useLoadableQuery: loadQuery should not be called during render. To load a query during render, use `useBackgroundQuery`."
+          "useLoadableQuery: 'loadQuery' should not be called during render. To start a query during render, use the 'useBackgroundQuery' hook."
         );
       });