Add changeset

Author: eddeee888

.changeset/shaky-queens-sell.md

@@ -0,0 +1,8 @@
+---
+'@graphql-codegen/typescript-react-query': patch
+'@graphql-codegen/typescript-solid-query': patch
+---
+
+Query keys should be shared between suspense and non-suspense hooks to ensure consistent state
+management and synchronization, preventing discrepancies and maintaining a single source of truth
+for query invalidation.

.github/workflows/main.yml

@@ -28,7 +28,7 @@ jobs:
       - name: Setup env
         uses: the-guild-org/shared-config/setup@main
         with:
-          nodeVersion: 18
+          nodeVersion: 24
       - name: Prettier Check
         run: yarn prettier:check
   dev-tests:
@@ -83,10 +83,10 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest] # remove windows to speed up the tests
-        node_version: [18, 20, 22]
+        node_version: [20, 22, 24]
         graphql_version: [15, 16]
         include:
-          - node-version: 18
+          - node-version: 20
             os: windows-latest
             graphql_version: 16
     steps:

.github/workflows/release.yml

@@ -0,0 +1,15 @@
+name: release
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  stable:
+    uses: the-guild-org/shared-config/.github/workflows/release-stable.yml@main
+    with:
+      releaseScript: release
+      nodeVersion: 24
+    secrets:
+      githubToken: ${{ secrets.GITHUB_TOKEN }}
+      npmToken: ${{ secrets.NPM_TOKEN }}

packages/plugins/typescript/react-query/src/fetcher.ts

@@ -135,10 +135,7 @@ export abstract class FetcherRenderer {
     >(${argumentsResult}) => {
     ${implHookOuter}
     return ${query.getHook()}<${operationResultType}, TError, TData>(
-      ${this.generateQueryFormattedParameters(
-        this.generateQueryKey(config),
-        implFetcher,
-      )}
+      ${this.generateQueryFormattedParameters(this.generateQueryKey(config), implFetcher)}
     )};`;
     };
 

packages/plugins/typescript/react-query/tests/__snapshots__/react-query.spec.ts.snap

@@ -1439,7 +1439,7 @@ export const useSuspenseTestQuery = <
     
     return useSuspenseQuery<TestQuery, TError, TData>(
       {
-    queryKey: variables === undefined ? ['testSuspense'] : ['testSuspense', variables],
+    queryKey: variables === undefined ? ['test'] : ['test', variables],
     queryFn: fetcher<TestQuery, TestQueryVariables>(dataSource.endpoint, dataSource.fetchParams || {}, TestDocument, variables),
     ...options
   }
@@ -1478,7 +1478,7 @@ export const useSuspenseInfiniteTestQuery = <
       (() => {
     const { queryKey: optionsQueryKey, ...restOptions } = options;
     return {
-      queryKey: optionsQueryKey ?? variables === undefined ? ['test.infiniteSuspense'] : ['test.infiniteSuspense', variables],
+      queryKey: optionsQueryKey ?? variables === undefined ? ['test.infinite'] : ['test.infinite', variables],
       queryFn: (metaData) => fetcher<TestQuery, TestQueryVariables>(dataSource.endpoint, dataSource.fetchParams || {}, TestDocument, {...variables, ...(metaData.pageParam ?? {})})(),
       ...restOptions
     }

packages/plugins/typescript/solid-query/src/fetcher.ts

@@ -125,10 +125,7 @@ export abstract class FetcherRenderer {
     >(${argumentsResult}) => {
     ${implHookOuter}
     return ${query.getHook()}<${operationResultType}, TError, TData>(
-      ${this.generateQueryFormattedParameters(
-        this.generateQueryKey(config),
-        implFetcher,
-      )}
+      ${this.generateQueryFormattedParameters(this.generateQueryKey(config), implFetcher)}
     )};`;
     };