Merge branch 'main' into react-query/test/use-fake-timer-HydrationBoundary

Author: TkDodo

docs/framework/react/community/community-projects.md

@@ -25,6 +25,12 @@ The Missing Fullstack Toolkit for Next.js
 
 Link: https://blitzjs.com/
 
+## Connect
+
+A family of libraries for building building browser and gRPC-compatible HTTP APIs.
+
+Link: https://connectrpc.com/docs
+
 ## GraphQL Code Generator
 
 Generate React Query hooks from your GraphQL schema

docs/framework/react/guides/optimistic-updates.md

@@ -16,9 +16,7 @@ const addTodoMutation = useMutation({
   mutationFn: (newTodo: string) => axios.post('/api/data', { text: newTodo }),
   // make sure to _return_ the Promise from the query invalidation
   // so that the mutation stays in `pending` state until the refetch is finished
-  onSettled: async () => {
-    return await queryClient.invalidateQueries({ queryKey: ['todos'] })
-  },
+  onSettled: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
 })
 
 const { isPending, submittedAt, variables, mutate, isError } = addTodoMutation
@@ -121,9 +119,7 @@ useMutation({
     queryClient.setQueryData(['todos'], context.previousTodos)
   },
   // Always refetch after error or success:
-  onSettled: () => {
-    queryClient.invalidateQueries({ queryKey: ['todos'] })
-  },
+  onSettled: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
 })
 ```
 
@@ -159,9 +155,8 @@ useMutation({
     )
   },
   // Always refetch after error or success:
-  onSettled: (newTodo) => {
-    queryClient.invalidateQueries({ queryKey: ['todos', newTodo.id] })
-  },
+  onSettled: (newTodo) =>
+    queryClient.invalidateQueries({ queryKey: ['todos', newTodo.id] }),
 })
 ```
 
@@ -175,7 +170,7 @@ You can also use the `onSettled` function in place of the separate `onError` and
 useMutation({
   mutationFn: updateTodo,
   // ...
-  onSettled: (newTodo, error, variables, context) => {
+  onSettled: async (newTodo, error, variables, context) => {
     if (error) {
       // do something
     }

docs/framework/react/overview.md

@@ -3,7 +3,7 @@ id: overview
 title: Overview
 ---
 
-TanStack Query (FKA React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes **fetching, caching, synchronizing and updating server state** in your web applications a breeze.
+TanStack Query (formerly known as React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes **fetching, caching, synchronizing and updating server state** in your web applications a breeze.
 
 ## Motivation
 
@@ -29,11 +29,11 @@ Once you grasp the nature of server state in your application, **even more chall
 
 If you're not overwhelmed by that list, then that must mean that you've probably solved all of your server state problems already and deserve an award. However, if you are like a vast majority of people, you either have yet to tackle all or most of these challenges and we're only scratching the surface!
 
-React Query is hands down one of the _best_ libraries for managing server state. It works amazingly well **out-of-the-box, with zero-config, and can be customized** to your liking as your application grows.
+TanStack Query is hands down one of the _best_ libraries for managing server state. It works amazingly well **out-of-the-box, with zero-config, and can be customized** to your liking as your application grows.
 
-React Query allows you to defeat and overcome the tricky challenges and hurdles of _server state_ and control your app data before it starts to control you.
+TanStack Query allows you to defeat and overcome the tricky challenges and hurdles of _server state_ and control your app data before it starts to control you.
 
-On a more technical note, React Query will likely:
+On a more technical note, TanStack Query will likely:
 
 - Help you remove **many** lines of complicated and misunderstood code from your application and replace with just a handful of lines of React Query logic.
 - Make your application more maintainable and easier to build new features without worrying about wiring up new server state data sources
@@ -44,7 +44,7 @@ On a more technical note, React Query will likely:
 
 ## Enough talk, show me some code already!
 
-In the example below, you can see React Query in its most basic and simple form being used to fetch the GitHub stats for the React Query GitHub project itself:
+In the example below, you can see TanStack Query in its most basic and simple form being used to fetch the GitHub stats for the TanStack Query GitHub project itself:
 
 [Open in StackBlitz](https://stackblitz.com/github/TanStack/query/tree/main/examples/react/simple)
 
@@ -95,7 +95,7 @@ function Example() {
 
 ## You talked me into it, so what now?
 
-- Consider taking the official [React Query Course](https://query.gg?s=tanstack) (or buying it for your whole team!)
-- Learn React Query at your own pace with our amazingly thorough [Walkthrough Guide](./installation.md) and [API Reference](./reference/useQuery.md)
+- Consider taking the official [TanStack Query Course](https://query.gg?s=tanstack) (or buying it for your whole team!)
+- Learn TanStack Query at your own pace with our amazingly thorough [Walkthrough Guide](./installation.md) and [API Reference](./reference/useQuery.md)
 
 [//]: # 'Materials'

examples/angular/auto-refetching/package.json

@@ -14,7 +14,7 @@
     "@angular/core": "^19.1.0-next.0",
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/angular/basic/package.json

@@ -14,7 +14,7 @@
     "@angular/core": "^19.1.0-next.0",
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/angular/devtools-panel/package.json

@@ -15,8 +15,8 @@
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
     "@angular/router": "^19.1.0-next.0",
-    "@tanstack/angular-query-devtools-experimental": "^5.69.1",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-devtools-experimental": "^5.69.2",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/angular/infinite-query-with-max-pages/package.json

@@ -14,7 +14,7 @@
     "@angular/core": "^19.1.0-next.0",
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/angular/optimistic-updates/package.json

@@ -15,7 +15,7 @@
     "@angular/forms": "19.1.0-next.0",
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/angular/pagination/package.json

@@ -14,7 +14,7 @@
     "@angular/core": "^19.1.0-next.0",
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/angular/query-options-from-a-service/package.json

@@ -15,7 +15,7 @@
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
     "@angular/router": "^19.1.0-next.0",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/angular/router/package.json

@@ -15,7 +15,7 @@
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
     "@angular/router": "^19.1.0-next.0",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/angular/rxjs/package.json

@@ -15,7 +15,7 @@
     "@angular/forms": "19.1.0-next.0",
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/angular/simple/package.json

@@ -14,7 +14,7 @@
     "@angular/core": "^19.1.0-next.0",
     "@angular/platform-browser": "^19.1.0-next.0",
     "@angular/platform-browser-dynamic": "^19.1.0-next.0",
-    "@tanstack/angular-query-experimental": "^5.69.1",
+    "@tanstack/angular-query-experimental": "^5.69.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.15.0"

examples/react/algolia/package.json

@@ -9,8 +9,8 @@
   },
   "dependencies": {
     "@algolia/client-search": "5.2.1",
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

examples/react/auto-refetching/package.json

@@ -8,8 +8,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "next": "^14.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

examples/react/basic-graphql-request/package.json

@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "graphql": "^16.9.0",
     "graphql-request": "^7.1.2",
     "react": "^19.0.0",

examples/react/basic/package.json

@@ -8,10 +8,10 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tanstack/query-sync-storage-persister": "^5.69.0",
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
-    "@tanstack/react-query-persist-client": "^5.69.0",
+    "@tanstack/query-sync-storage-persister": "^5.69.2",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
+    "@tanstack/react-query-persist-client": "^5.69.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

examples/react/chat/package.json

@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

examples/react/default-query-function/package.json

@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

examples/react/devtools-panel/package.json

@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

examples/react/infinite-query-with-max-pages/package.json

@@ -8,8 +8,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "next": "^14.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

examples/react/load-more-infinite-scroll/package.json

@@ -8,8 +8,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "next": "^14.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

examples/react/nextjs-app-prefetching/package.json

@@ -8,8 +8,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "next": "^15.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

examples/react/nextjs-suspense-streaming/package.json

@@ -8,9 +8,9 @@
     "start": "next start"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
-    "@tanstack/react-query-next-experimental": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
+    "@tanstack/react-query-next-experimental": "^5.69.2",
     "next": "^14.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

examples/react/nextjs/package.json

@@ -8,8 +8,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "next": "^14.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

examples/react/offline/package.json

@@ -8,11 +8,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tanstack/query-sync-storage-persister": "^5.69.0",
+    "@tanstack/query-sync-storage-persister": "^5.69.2",
     "@tanstack/react-location": "^3.7.4",
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
-    "@tanstack/react-query-persist-client": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
+    "@tanstack/react-query-persist-client": "^5.69.2",
     "msw": "^2.6.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

examples/react/optimistic-updates-cache/package.json

@@ -8,8 +8,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "next": "^14.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

examples/react/optimistic-updates-cache/src/pages/index.tsx

@@ -75,9 +75,7 @@ function Example() {
       }
     },
     // Always refetch after error or success:
-    onSettled: () => {
-      queryClient.invalidateQueries({ queryKey: ['todos'] })
-    },
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
   })
 
   return (

examples/react/optimistic-updates-ui/package.json

@@ -8,8 +8,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "next": "^14.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

examples/react/pagination/package.json

@@ -8,8 +8,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "next": "^14.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

examples/react/playground/package.json

@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
+    "@tanstack/react-query": "^5.69.2",
+    "@tanstack/react-query-devtools": "^5.69.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },