Cannot use Blitz toolkit beta with @tanstack/react-query installed elsewhere in a monorepo
- Dominant language
- TypeScript
- Stars
- 14.1k
- Forks
- 803
- PR merge metrics
- No merged PRs in 30d
Description
### What is the problem?
I am using the Blitz toolkit beta in a monorepo setup, where I have a `apps/blitz` and another `apps/docs` folder. The blitz folder contains my blitz application, the docs folder contains a separate Next project for documentation.
For some reason, Blitz is requiring me to set `public-hoist-pattern[]=@tanstack/react-query` in my `.npmrc` file at the root of my monorepo. Blitz seems to be using version 4.0.10 of react-query.
However, when I install `@tanstack/react-query` in the `apps/docs` folder, it is, of course, using the latest version of react-query, which is 4.24.*. This breaks my blitz app, which seems to rely on the exact 4.0.10 version.
### Paste all your error logs here:
```
Error: No QueryClient set, use QueryClientProvider to set one
at Object.useQueryClient (/Users/Jan/Desktop/project/node_modules/.pnpm/@tanstack+react-query@4.0.10_biqbaboplfbrettd7655fr4n2y/node_modules/@tanstack/react-query/build/cjs/react-query/src/QueryClientProvider.js:68:11)
at Object.useMutation (/Users/Jan/Desktop/project/node_modules/.pnpm/@tanstack+react-query@4.0.10_biqbaboplfbrettd7655fr4n2y/node_modules/@tanstack/react-query/build/cjs/react-query/src/useMutation.js:43:43)
at useMutation (/Users/Jan/Desktop/project/node_modules/.pnpm/@blitzjs+rpc@2.0.0-beta.23_z23kptem44zej6xtmrdyaua4dm/node_modules/@blitzjs/rpc/dist/index-browser.cjs:135:25)
at AdminPanel (/Users/Jan/Desktop/project/apps/app/.next/server/chunks/1744.js:1463:87)
at Wc (/Users/Jan/Desktop/project/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44)
at Zc (/Users/Jan/Desktop/project/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253)
at Z (/Users/Jan/Desktop/project/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
at Zc (/Users/Jan/Desktop/project/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
at Z (/Users/Jan/Desktop/project/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
at Zc (/Users/Jan/Desktop/project/node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
```
### Paste all relevant code snippets here:
.
### What are detailed steps to reproduce this?
1. Create a mono repo using PNPM
2. Create a blitz app inside it
3. Create another app that uses @tanstack/react-query with the latest version
4. try to build the Blitz app, you'll get an error
### Run `blitz -v` and paste the output here:
```
Package manager: npm
System:
OS: macOS 12.6.3
CPU: (8) arm64 Apple M1 Pro
Memory: 1.05 GB / 32.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 19.7.0 - /opt/homebrew/bin/node
Yarn: Not Found
npm: 9.5.0 - /opt/homebrew/bin/npm
npmPackages:
@blitzjs/auth: 2.0.0-beta.23 => 2.0.0-beta.23
@blitzjs/next: 2.0.0-beta.23 => 2.0.0-beta.23
@blitzjs/rpc: 2.0.0-beta.23 => 2.0.0-beta.23
@prisma/client: ^4.10.1 => 4.10.1
blitz: 2.0.0-beta.23 => 2.0.0-beta.23
next: 12.3.1 => 12.3.1
prisma: ^4.10.1 => 4.10.1
react: 18.2.0 => 18.2.0
react-dom: 18.2.0 => 18.2.0
typescript: ^4.9.5 => 4.9.5
```
### Please include below any other applicable logs and screenshots that show your problem:
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.