Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(vue-query): avoid use sync for watch that cause unnecessary requests #8443

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

Mini-ghost
Copy link
Contributor

@Mini-ghost Mini-ghost commented Dec 16, 2024

Linked issue

Description

In PR #7942, attempting to change watch's { flush: 'sync' } to { flush: 'post' } or removing it might lead to the same issues as #5910 and #5996.

This PR removes { flush: 'sync' } and ensures proper handling of refresh to prevent the issue in #5910 where queryKey retrieves stale data.

If there are any considerations I may have missed, please kindly let me know. Thank you!

@Mini-ghost Mini-ghost changed the title fix: ensure queryKey match the current value of ref used inside fix(vue-query): ensure queryKey match the current value of ref used inside Dec 16, 2024
Copy link

nx-cloud bot commented Dec 16, 2024

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 0452035. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution


✅ Successfully ran 2 targets

Sent with 💌 from NxCloud.

Copy link

pkg-pr-new bot commented Dec 16, 2024

Open in Stackblitz

More templates

@tanstack/angular-query-devtools-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-devtools-experimental@8443

@tanstack/angular-query-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-experimental@8443

@tanstack/query-broadcast-client-experimental

npm i https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@8443

@tanstack/eslint-plugin-query

npm i https://pkg.pr.new/@tanstack/eslint-plugin-query@8443

@tanstack/query-async-storage-persister

npm i https://pkg.pr.new/@tanstack/query-async-storage-persister@8443

@tanstack/query-core

npm i https://pkg.pr.new/@tanstack/query-core@8443

@tanstack/query-devtools

npm i https://pkg.pr.new/@tanstack/query-devtools@8443

@tanstack/query-persist-client-core

npm i https://pkg.pr.new/@tanstack/query-persist-client-core@8443

@tanstack/query-sync-storage-persister

npm i https://pkg.pr.new/@tanstack/query-sync-storage-persister@8443

@tanstack/react-query

npm i https://pkg.pr.new/@tanstack/react-query@8443

@tanstack/react-query-devtools

npm i https://pkg.pr.new/@tanstack/react-query-devtools@8443

@tanstack/react-query-next-experimental

npm i https://pkg.pr.new/@tanstack/react-query-next-experimental@8443

@tanstack/react-query-persist-client

npm i https://pkg.pr.new/@tanstack/react-query-persist-client@8443

@tanstack/solid-query

npm i https://pkg.pr.new/@tanstack/solid-query@8443

@tanstack/solid-query-devtools

npm i https://pkg.pr.new/@tanstack/solid-query-devtools@8443

@tanstack/solid-query-persist-client

npm i https://pkg.pr.new/@tanstack/solid-query-persist-client@8443

@tanstack/svelte-query

npm i https://pkg.pr.new/@tanstack/svelte-query@8443

@tanstack/svelte-query-devtools

npm i https://pkg.pr.new/@tanstack/svelte-query-devtools@8443

@tanstack/svelte-query-persist-client

npm i https://pkg.pr.new/@tanstack/svelte-query-persist-client@8443

@tanstack/vue-query

npm i https://pkg.pr.new/@tanstack/vue-query@8443

@tanstack/vue-query-devtools

npm i https://pkg.pr.new/@tanstack/vue-query-devtools@8443

commit: 0452035

@Mini-ghost Mini-ghost marked this pull request as ready for review December 17, 2024 12:37
Copy link

codecov bot commented Dec 17, 2024

Codecov Report

Attention: Patch coverage is 78.57143% with 3 lines in your changes missing coverage. Please review.

Project coverage is 71.01%. Comparing base (4521a04) to head (0452035).

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff             @@
##             main    #8443       +/-   ##
===========================================
+ Coverage   46.21%   71.01%   +24.80%     
===========================================
  Files         198       19      -179     
  Lines        7509      483     -7026     
  Branches     1710      136     -1574     
===========================================
- Hits         3470      343     -3127     
+ Misses       3664      110     -3554     
+ Partials      375       30      -345     
Components Coverage Δ
@tanstack/angular-query-devtools-experimental ∅ <ø> (∅)
@tanstack/angular-query-experimental ∅ <ø> (∅)
@tanstack/eslint-plugin-query ∅ <ø> (∅)
@tanstack/query-async-storage-persister ∅ <ø> (∅)
@tanstack/query-broadcast-client-experimental ∅ <ø> (∅)
@tanstack/query-codemods ∅ <ø> (∅)
@tanstack/query-core ∅ <ø> (∅)
@tanstack/query-devtools ∅ <ø> (∅)
@tanstack/query-persist-client-core ∅ <ø> (∅)
@tanstack/query-sync-storage-persister ∅ <ø> (∅)
@tanstack/react-query ∅ <ø> (∅)
@tanstack/react-query-devtools ∅ <ø> (∅)
@tanstack/react-query-next-experimental ∅ <ø> (∅)
@tanstack/react-query-persist-client ∅ <ø> (∅)
@tanstack/solid-query ∅ <ø> (∅)
@tanstack/solid-query-devtools ∅ <ø> (∅)
@tanstack/solid-query-persist-client ∅ <ø> (∅)
@tanstack/svelte-query ∅ <ø> (∅)
@tanstack/svelte-query-devtools ∅ <ø> (∅)
@tanstack/svelte-query-persist-client ∅ <ø> (∅)
@tanstack/vue-query 71.01% <78.57%> (-0.45%) ⬇️
@tanstack/vue-query-devtools ∅ <ø> (∅)

@Mini-ghost Mini-ghost changed the title fix(vue-query): ensure queryKey match the current value of ref used inside fix(vue-query): avoid use sync for watch that cause unnecessary requests Dec 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant