Skip to content

Commit

Permalink
docs: Update devtools.md (#5950)
Browse files Browse the repository at this point in the history
installing it as a regular dependency doesn't work during development with next 13 app dir. Import trace errors thrown all around.
  • Loading branch information
callmedukey committed Nov 5, 2023
1 parent f484d7e commit ecdd927
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions docs/react/devtools.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ $ pnpm add @tanstack/react-query-devtools
# or
$ yarn add @tanstack/react-query-devtools
```
For Next 13+ App Dir you must install it as a dev dependency for it to work.

You can import the devtools like this:

Expand All @@ -31,6 +32,7 @@ import { ReactQueryDevtools } from '@tanstack/react-query-devtools'

By default, React Query Devtools are only included in bundles when `process.env.NODE_ENV === 'development'`, so you don't need to worry about excluding them during a production build.


## Floating Mode

Floating Mode will mount the devtools as a fixed, floating element in your app and provide a toggle in the corner of the screen to show and hide the devtools. This toggle state will be stored and remembered in localStorage across reloads.
Expand Down

0 comments on commit ecdd927

Please sign in to comment.