Skip to content

New fix for hydration loop bug - #9188

Merged
Ephem merged 3 commits into
TanStack:mainfrom
Ephem:fredrik/fix-hydration-loop
May 25, 2025
Merged

New fix for hydration loop bug#9188
Ephem merged 3 commits into
TanStack:mainfrom
Ephem:fredrik/fix-hydration-loop

Conversation

@Ephem

Copy link
Copy Markdown
Collaborator

This is a follow up from #9157

Closes#8677 (properly this time)

The original PR had faulty logic in the test, so it only fixed the loop bug under some very specific circumstances. The test was also broken to start with, because the mock would call itself instead of the original unmocked function, very sloppy of me. 😞

The original PR checked for if the existing query was pending, but this in itself is not enough to fix the bug, so this PR also checks for if the original query is fetching. If it is, it does not hydrate the promise (again) and so breaks the loop.

@nx-cloud

nx-cloudBot commented May 25, 2025

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit 8f89575.

CommandStatusDurationResult
nx run-many --target=build --exclude=examples/*...✅ Succeeded1m 46sView ↗

☁️ Nx Cloud last updated this comment at 2025-05-25 17:19:01 UTC

@codecov

codecovBot commented May 25, 2025

Copy link
Copy Markdown

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 59.56%. Comparing base (f2b6caf) to head (8f89575).
Report is 1 commits behind head on main.

Additional details and impacted files

Impacted file tree graph

@@ Coverage Diff @@## main #9188 +/- ##
===========================================
+ Coverage 45.17% 59.56% +14.38% 
===========================================
Files 206 138 -68 Lines 8237 5485 -2752 Branches 1856 1472 -384 ===========================================
- Hits 3721 3267 -454 + Misses 4076 1921 -2155 + Partials 440 297 -143 
ComponentsCoverage Δ
@tanstack/angular-query-devtools-experimental∅ <ø> (∅)
@tanstack/angular-query-experimental85.04% <ø> (ø)
@tanstack/eslint-plugin-query∅ <ø> (∅)
@tanstack/query-async-storage-persister43.85% <ø> (ø)
@tanstack/query-broadcast-client-experimental24.39% <ø> (ø)
@tanstack/query-codemods∅ <ø> (∅)
@tanstack/query-core98.12% <100.00%> (+<0.01%)⬆️
@tanstack/query-devtools3.56% <ø> (ø)
@tanstack/query-persist-client-core78.32% <ø> (ø)
@tanstack/query-sync-storage-persister84.61% <ø> (ø)
@tanstack/query-test-utils∅ <ø> (∅)
@tanstack/react-query96.00% <100.00%> (+0.01%)⬆️
@tanstack/react-query-devtools10.00% <ø> (ø)
@tanstack/react-query-next-experimental∅ <ø> (∅)
@tanstack/react-query-persist-client100.00% <ø> (ø)
@tanstack/solid-query78.20% <ø> (ø)
@tanstack/solid-query-devtools∅ <ø> (∅)
@tanstack/solid-query-persist-client100.00% <ø> (ø)
@tanstack/svelte-query88.15% <ø> (ø)
@tanstack/svelte-query-devtools∅ <ø> (∅)
@tanstack/svelte-query-persist-client100.00% <ø> (ø)
@tanstack/vue-query70.85% <ø> (ø)
@tanstack/vue-query-devtools∅ <ø> (∅)
🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@pkg-pr-new

Copy link
Copy Markdown
More templates

@tanstack/angular-query-devtools-experimental

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

@tanstack/angular-query-experimental

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

@tanstack/eslint-plugin-query

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

@tanstack/query-async-storage-persister

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

@tanstack/query-broadcast-client-experimental

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

@tanstack/query-core

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

@tanstack/query-devtools

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

@tanstack/query-persist-client-core

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

@tanstack/query-sync-storage-persister

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

@tanstack/react-query

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

@tanstack/react-query-devtools

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

@tanstack/react-query-next-experimental

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

@tanstack/react-query-persist-client

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

@tanstack/solid-query

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

@tanstack/solid-query-devtools

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

@tanstack/solid-query-persist-client

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

@tanstack/svelte-query

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

@tanstack/svelte-query-devtools

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

@tanstack/svelte-query-persist-client

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

@tanstack/vue-query

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

@tanstack/vue-query-devtools

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

commit: 8f89575

@Ephem
Ephem merged commit d4b7818 into TanStack:mainMay 25, 2025
Sign up for freeto 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.

Maximum update depth exceeded

1 participant

@Ephem