fix(react-query): export @tanstack/react-query from @ts-rest/react-query/tanstack (#593)

Author: Gabrola

.changeset/seven-turtles-dance.md

@@ -0,0 +1,5 @@
+---
+'@ts-rest/react-query': minor
+---
+
+Export the entire `@tanstack/react-query` from `@ts-rest/react-query/tanstack` to fix `No QueryClient set` errors caused by version mismatches

apps/docs/docs/react-query.mdx

@@ -296,3 +296,25 @@ Functions that may throw on failure such as `fetchQuery` will throw an error if
 Be sure to handle these errors appropriately.
 
 :::
+
+## Troubleshooting
+
+### `No QueryClient set, use QueryClientProvider to set one`
+
+If you see this error despite having set a `QueryClient` using `QueryClientProvider`. Then you might have different versions of `@tanstack/react-query` installed in your project.
+
+This can also happen in rare cases when ESM and CJS versions of the package are mixed by a bundler like Webpack.
+
+If you have made sure that you are using the same version of `@tanstack/react-query` across your project, and are still having problems, you can work around this
+by importing `@tanstack/react-query` from `@ts-rest/react-query/tanstack` instead of `@tanstack/react-query`. This will ensure that you are using the same version as the one used
+by `@ts-rest/react-query`.
+
+```tsx
+import { QueryClient, QueryClientProvider } from '@ts-rest/react-query/tanstack';
+
+const queryClient = new QueryClient()
+
+function App() {
+  return <QueryClientProvider client={queryClient}>...</QueryClientProvider>
+}
+```

libs/ts-rest/react-query/package.json

@@ -29,5 +29,13 @@
     "zod": {
       "optional": true
     }
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "*",
+        "*.cjs.d.ts"
+      ]
+    }
   }
 }

libs/ts-rest/react-query/project.json

@@ -29,7 +29,9 @@
         "compiler": "tsc",
         "rollupConfig": "tools/scripts/rollup.config.js",
         "generateExportsField": true,
-        "updateBuildableProjectDepsInPackageJson": true
+        "additionalEntryPoints": [
+          "libs/ts-rest/react-query/src/tanstack.ts"
+        ]
       }
     },
     "lint": {

libs/ts-rest/react-query/src/tanstack.ts

@@ -0,0 +1 @@
+export * from '@tanstack/react-query';