Closed
Description
Describe the bug
when adding react-query to next 13 i get following error when running
error - ./node_modules/@tanstack/react-query/build/lib/Hydrate.mjs
Attempted import error: 'useRef' is not exported from 'react' (imported as 'React').
Import trace for requested module:
./node_modules/@tanstack/react-query/build/lib/Hydrate.mjs
./node_modules/@tanstack/react-query/build/lib/index.mjs
./src/app/layout.tsx
code
import {QueryClient, QueryClientProvider} from "@tanstack/react-query";
const queryClient = new QueryClient()
/* ... */
<QueryClientProvider client={queryClient}>
{children}
</QueryClientProvider>
/* ... */
Your minimal, reproducible example
https://github.com/JonasWijne/next-test-react-query
Steps to reproduce
- git clone https://github.com/JonasWijne/next-test-react-query.git
- cd next-test-react-query
- yarn
- yarn dev
- open browser to http://localhost:3000
Expected behavior
as a user i expect it to compile/dev serve
How often does this bug happen?
Every time
Screenshots or Videos
Platform
- OS: MacOS
- browser: chrome
TanStack Query version
4.24.4
TypeScript version
4.9.5
Additional context
No response
Metadata
Metadata
Assignees
Labels
No labels