`yarn add @tanstack/react-query` responds with 404

[bstro]

Describe the bug

Running yarn add @tanstack/react-query per docs yields a 404 error.

Your minimal, reproducible example

n/a

Steps to reproduce

yarn add @tanstack/react-query

Expected behavior

Should work

How often does this bug happen?

No response

Screenshots or Videos

No response

Platform

n/a

react-query version

n/a

TypeScript version

No response

Additional context

No response

[insuusvenerati]

You can install v4 using yarn add react-query@beta for now.

[Kayyow]

Maybe we should update the installation docs because it state that you can install the package via @tanstack/react-query which isn't currently working.

[addy]

FWIW this is also occurring for the npm i @tanstack/react-query version of the installation process.

[SeanCassiere]

Hey, by any chance is there something going on with the package being only accessible via an Org or something?

It is currently not listed on NPM or the Yarn registry.
NPM @tanstack/react-query - resolves to a login page
Yarn @tanstack/react-query - returns a not found

[TkDodo]

It hasn't been released on npm yet, the docs redirect was a mistake. Please be patient and use this in the meantime:
#3790 (comment)

[Dev-eloperr]

I am currently on "react-query": "^4.0.0-beta.23" which I installed using
npm i react-query@beta
Now, I am facing this issue while installing devtools

1. Running the command in v4 docs (npm i @tanstack/react-query-devtools)
   

2. Running the same command after removing @TanStack (npm i --save react-query-devtools)
   

[TkDodo]

I know this is really confusing, so let me try to clear it up:

for now, all you need is npm i react-query@beta if you want v4 or npm i react-query if you want v3.

Both of them work the same way:

import { useQuery } from 'react-query'
import { ReactQueryDevTools } from 'react-query/devtools'

devtools are bundled with the lib!

---

once we rollout tanstack query, it will be:

npm i @tanstack/react-query
npm i @tanstack/react-query-devtools

two separate packages, imported separately:

import { useQuery } from '@tanstack/react-query'
import { ReactQueryDevTools } from '@tanstack/react-query-devtools'

there will be a codemod that automatically transforms all imports.

[Dev-eloperr]

Thank you for the clarification @TkDodo
I believe something wrong is happening while trying to use devtools in version 4.0.0-beta.23.
Code:

import { ReactQueryDevtools } from 'react-query/devtools'

...

        return <QueryClientProvider client={queryClient}>

                      ...

                      <ReactQueryDevtools initialIsOpen={false} />

                    </QueryClientProvider>

Error:

[TkDodo]

here's a working sandbox: https://codesandbox.io/s/boring-thunder-gpw4l9?file=/src/index.js

[billyyyyy3320]

IMHO, the problem is the document of pre-release and latest version are misplaced.

I could see https://tanstack.com/query/v4 in description and readme. Also, what I need for the latest version is mentioned as beta version(?). The content of https://react-query-beta.tanstack.com/ is actually for v3, right?

Still on React Query v2? No problem! Check out the v2 docs here: https://react-query-v2.tanstack.com/.
Would you like to try React Query v4beta? Check out the v4 beta docs here: https://react-query-beta.tanstack.com/.

[bombillazo]

A warning in this section of the v4 migration guide would be nice while we are in beta since those packages are still not in production but the guide gives the impression this is already released/functional.