Skip to content

fix(react-query): HydrationBoundary has strictly typed state #9520

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.

Sign up for GitHub

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

Jump to bottom
Merged
merged 3 commits into from
Jul 31, 2025
Merged

fix(react-query): HydrationBoundary has strictly typed state #9520

merged 3 commits into from
Jul 31, 2025

Conversation

paperclover
Copy link
Contributor

Only type definition changes, the state parameter is now required and must be DehydratedState (or nullish). Every case omitting this prop or passing a different shape is a bug now caught by tsc. Correct code has no action needed.

Closes #9323

@paperclover
fix(react-query): HydrationBoundary has strictly typed state
d185c69 
Only type definition changes, the `state` parameter is now required and
must be `DehydratedState` (or nullish). Every case omitting this prop or
passing a different shape is a bug now caught by `tsc`. Correct code has
no action needed.

Closes #9323
@nx-cloud Nx Cloud
Copy link

nx-cloud bot commented Jul 31, 2025 •
edited
Loading

View your CI Pipeline Execution ↗ for commit 24bbf40

Command Status Duration Result
nx affected --targets=test:sherif,test:knip,tes... ✅ Succeeded 3m 3s View ↗
nx run-many --target=build --exclude=examples/*... ✅ Succeeded 27s View ↗

☁️ Nx Cloud last updated this comment at 2025-07-31 19:43:27 UTC

@pkg-pr-new pkg.pr.new
Copy link

pkg-pr-new bot commented Jul 31, 2025

More templates

@tanstack/angular-query-devtools-experimental

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

@tanstack/angular-query-experimental

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

@tanstack/eslint-plugin-query

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

@tanstack/query-async-storage-persister

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

@tanstack/query-broadcast-client-experimental

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

@tanstack/query-core

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

@tanstack/query-devtools

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

@tanstack/query-persist-client-core

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

@tanstack/query-sync-storage-persister

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

@tanstack/react-query

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

@tanstack/react-query-devtools

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

@tanstack/react-query-next-experimental

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

@tanstack/react-query-persist-client

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

@tanstack/solid-query

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

@tanstack/solid-query-devtools

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

@tanstack/solid-query-persist-client

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

@tanstack/svelte-query

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

@tanstack/svelte-query-devtools

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

@tanstack/svelte-query-persist-client

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

@tanstack/vue-query

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

@tanstack/vue-query-devtools

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

commit: 24bbf40

@codecov Codecov
Copy link

codecov bot commented Jul 31, 2025 •
edited
Loading

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 84.38%. Comparing base (c8322d9) to head (24bbf40).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff             @@
##             main    #9520       +/-   ##
===========================================
+ Coverage   45.30%   84.38%   +39.07%     
===========================================
  Files         208       26      -182     
  Lines        8283      365     -7918     
  Branches     1864      107     -1757     
===========================================
- Hits         3753      308     -3445     
+ Misses       4085       48     -4037     
+ Partials      445        9      -436
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/query-test-utils ∅ <ø> (∅)
@tanstack/react-query 95.95% <100.00%> (ø)
@tanstack/react-query-devtools 10.00% <ø> (ø)
@tanstack/react-query-next-experimental ∅ <ø> (∅)
@tanstack/react-query-persist-client 100.00% <ø> (ø)
@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 ∅ <ø> (∅)
@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.

@TkDodo TkDodo merged commit e07812b into TanStack:main Jul 31, 2025
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@TkDodo TkDodo TkDodo approved these changes

Assignees
No one assigned
Labels
package: react-query
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

HydrationBoundary takes unknown as the type as unknown instead of DehydratedState
2 participants
@paperclover @TkDodo