Skip to content

docs(react-query): highlight per component select pattern for query options#8522

Merged
TkDodo merged 3 commits intoTanStack:mainfrom
DogPawHat:highlight-per-component-select-pattern
Jan 11, 2025
Merged

docs(react-query): highlight per component select pattern for query options#8522
TkDodo merged 3 commits intoTanStack:mainfrom
DogPawHat:highlight-per-component-select-pattern

Conversation

@DogPawHat
Copy link
Copy Markdown
Contributor

Per discord conversation here https://discord.com/channels/719702312431386674/1327028649278312469

Per component select overrides are fairly common with the queryOptions API and have there own test here. Adding a few lines to make it more obvious as an useful pattern.

highlight per component select pattern for query options
@github-actions github-actions Bot added the documentation Improvements or additions to documentation label Jan 10, 2025
@nx-cloud
Copy link
Copy Markdown

nx-cloud Bot commented Jan 10, 2025

View your CI Pipeline Execution ↗ for commit 1f69528.

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

☁️ Nx Cloud last updated this comment at 2025-01-11 17:02:52 UTC

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented Jan 10, 2025

Open in Stackblitz

More templates

@tanstack/angular-query-devtools-experimental

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

@tanstack/query-async-storage-persister

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

@tanstack/angular-query-experimental

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

@tanstack/eslint-plugin-query

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

@tanstack/query-broadcast-client-experimental

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

@tanstack/query-core

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

@tanstack/query-devtools

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

@tanstack/query-persist-client-core

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

@tanstack/query-sync-storage-persister

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

@tanstack/react-query

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

@tanstack/react-query-devtools

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

@tanstack/react-query-next-experimental

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

@tanstack/react-query-persist-client

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

@tanstack/solid-query-devtools

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

@tanstack/solid-query

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

@tanstack/solid-query-persist-client

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

@tanstack/svelte-query

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

@tanstack/svelte-query-devtools

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

@tanstack/svelte-query-persist-client

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

@tanstack/vue-query

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

@tanstack/vue-query-devtools

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

commit: 1f69528

Comment thread docs/framework/react/guides/query-options.md
@TkDodo TkDodo merged commit 8ddebc6 into TanStack:main Jan 11, 2025
@DogPawHat DogPawHat deleted the highlight-per-component-select-pattern branch January 14, 2025 11:38
vaernion pushed a commit to Arbeidstilsynet/brevgen2 that referenced this pull request Dec 3, 2025
This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
| [@tanstack/react-query](https://tanstack.com/query) ([source](https://github.com/TanStack/query/tree/HEAD/packages/react-query)) | dependencies | minor | [`5.62.16` -> `5.64.0`](https://renovatebot.com/diffs/npm/@tanstack%2freact-query/5.62.16/5.64.0) |
| [@tanstack/react-query-devtools](https://tanstack.com/query) ([source](https://github.com/TanStack/query/tree/HEAD/packages/react-query-devtools)) | dependencies | minor | [`5.62.16` -> `5.64.0`](https://renovatebot.com/diffs/npm/@tanstack%2freact-query-devtools/5.62.16/5.64.0) |

---

### Release Notes

<details>
<summary>TanStack/query (@&#8203;tanstack/react-query)</summary>

### [`v5.64.0`](https://github.com/TanStack/query/releases/tag/v5.64.0)

[Compare Source](TanStack/query@v5.63.0...v5.64.0)

Version 5.64.0 - 1/11/25, 6:59 PM

##### Changes

##### Feat

-   types: support typing `QueryKey` and `MutationKey` via `Register` ([#&#8203;8521](TanStack/query#8521)) ([`fd500a4`](TanStack/query@fd500a4)) by [@&#8203;neefrehman](https://github.com/neefrehman)

##### Docs

-   react-query: highlight per component select pattern for query options ([#&#8203;8522](TanStack/query#8522)) ([`8ddebc6`](TanStack/query@8ddebc6)) by [@&#8203;DogPawHat](https://github.com/DogPawHat)
-   react-query: Add import statement with skipToken to the docs ([#&#8203;8519](TanStack/query#8519)) ([`690fd2a`](TanStack/query@690fd2a)) by Przemek Maszczynski

##### Packages

-   [@&#8203;tanstack/query-core](https://github.com/tanstack/query-core)[@&#8203;5](https://github.com/5).64.0
-   [@&#8203;tanstack/query-broadcast-client-experimental](https://github.com/tanstack/query-broadcast-client-experimental)[@&#8203;5](https://github.com/5).64.0
-   [@&#8203;tanstack/query-persist-client-core](https://github.com/tanstack/query-persist-client-core)[@&#8203;5](https://github.com/5).64.0
-   [@&#8203;tanstack/query-sync-storage-persister](https://github.com/tanstack/query-sync-storage-persister)[@&#8203;5](https://github.com/5).64.0
-   [@&#8203;tanstack/react-query](https://github.com/tanstack/react-query)[@&#8203;5](https://github.com/5).64.0
-   [@&#8203;tanstack/react-query-devtools](https://github.com/tanstack/react-query-devtools)[@&#8203;5](https://github.com/5).64.0
-   [@&#8203;tanstack/react-query-persist-client](https://github.com/tanstack/react-query-persist-client)[@&#8203;5](https://github.com/5).64.0
-   [@&#8203;tanstack/react-query-next-experimental](https://github.com/tanstack/react-query-next-experimental)[@&#8203;5](https://github.com/5).64.0
-   [@&#8203;tanstack/solid-query](https://github.com/tanstack/solid-query)[@&#8203;5](https://github.com/5).64.0
-   [@&#8203;tanstack/solid-query-devtools](https://github.com/tanstack/solid-...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants