docs: fix suspense example

[nikasepiskveradze]

This is the possible fix for #3453

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/tanstack/react-query/GErnKujwcbP5oWzr4THWTQRc2FLR
✅ Preview: https://react-query-git-fork-nikasepiskveradze-suspense-286b22-tanstack.vercel.app

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit de9ba43:

Sandbox	Source
tannerlinsley/react-query: basic	Configuration
tannerlinsley/react-query	Configuration

[codecov]

Codecov Report

Merging #3458 (de9ba43) into master (ba09e16) will increase coverage by 0.53%.
The diff coverage is 97.77%.

@@            Coverage Diff             @@
##           master    #3458      +/-   ##
==========================================
+ Coverage   96.41%   96.94%   +0.53%     
==========================================
  Files          45       46       +1     
  Lines        2286     2391     +105     
  Branches      642      714      +72     
==========================================
+ Hits         2204     2318     +114     
+ Misses         79       71       -8     
+ Partials        3        2       -1     

Impacted Files	Coverage Δ
src/devtools/theme.tsx	100.00% <ø> (ø)
src/reactjs/QueryErrorResetBoundary.tsx	100.00% <ø> (ø)
src/reactjs/reactBatchedUpdates.ts	100.00% <ø> (ø)
src/reactjs/setBatchUpdatesFn.ts	100.00% <ø> (ø)
src/reactjs/tests/utils.tsx	97.72% <ø> (ø)
src/reactjs/useBaseQuery.ts	100.00% <ø> (ø)
src/reactjs/useInfiniteQuery.ts	100.00% <ø> (ø)
src/reactjs/useIsFetching.ts	87.50% <ø> (ø)
src/reactjs/useIsMutating.ts	87.50% <ø> (ø)
src/reactjs/useMutation.ts	94.73% <ø> (ø)
... and 39 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update ba09e16...de9ba43. Read the comment docs.

[TkDodo]

wouldn't the peerDependency installation fail, because react-query v3 still requires a peerDependency of react 16 || 17 ?

[TkDodo]

i tried it out and it seems to work. however, the interface of useTransition seems to have changed.

We do:

const [startTransition, isPending] = React.useTransition({

it should be:

const [isPending, startTransition] = React.useTransition({

[nikasepiskveradze]

wouldn't the peerDependency installation fail, because react-query v3 still requires a peerDependency of react 16 || 17 ?

Agree, I don't have other solution so we can close this merge request

[TkDodo]

we can rebase this pr to alpha once I have merged:

• Feature/react 18 #3064

[TkDodo]

beta is released with react 18 support. can you rebase this PR onto the beta branch please, then we can go ahead with merging :)

[nikasepiskveradze]

beta is released with react 18 support. can you rebase this PR onto the beta branch please, then we can go ahead with merging :)

I'm not sure if i did it correctly, If something is wrong I will create new branch from "beta" and send PR of those changes

[tannerlinsley]

🎉 This PR is included in version 4.0.0-beta.2 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀