Comments (4)
initialData
is always taken into account when a new cache entry is created. If you change the key, you get a new cache entry. Thus, all your keys (["key", 1]
, ["key", 2]etc) will get
"Hardcoded Initial Data" put into the cache. And then, you're saying that data in the cache is fresh forever (
staleTime: Infinity), so there's no need to run the
queryFn`.
from query.
@TkDodo What would be the suggested configuration to get initial data from SSR and then subsequent calls to update that data? I've read the documentation, it says that initialData can be used as long as it is passed along the React components, thus I though I could use it to fill the cache from the SSR.
For additional context, the real use case is a grid with filters. The filters change the cache key but on the initial load (server) there is some data for the grid.
from query.
it says that initialData can be used as long as it is passed along the React components
have you read the guide along with all the drawbacks of initialData?
you likely want hydration:
from query.
@TkDodo I have read the documentation and people in my team as well.
We are not using V5 yet and we all understood that we could use initialData without adding the hydration API into our code base. If we must use hydration, we can but will need to plan additional time for the task. It's fine, if that is the direction but we were under the impression that we could make it work direclty with the initialData
from query.
Related Issues (20)
- TypeError: Cannot assign to read only property '0' of object '[object Array]' HOT 2
- In the underlying code, pages in the getNextPageParam method in infiniteQueryBehavior is undefined. HOT 1
- pages in the getNextPageParam method in infiniteQueryBehavior is undefined. HOT 3
- [Vue]: skipToken example is misleading
- queryOptions is not in @tanstack/react-query HOT 1
- Handling Offline Mutations Persistently Across App Restarts in React Query v5 HOT 2
- eslint-plugin-query: @tanstack/query/exhaustive-deps is triggered for a type used in an instanceof call. HOT 2
- SolidJS createInfiniteQuery is not reactive HOT 1
- Docs: Error on window.removeEventListener of focusManager
- NPM registry version mismatch
- 404 page in the documentation HOT 4
- [angular] isPending type isn't typed as Signal
- Infinity Query Refetching Not Considering Original Fetch Direction Of First Page HOT 5
- useQuery get stuck in case of throw error on queryFn HOT 2
- useInfiniteQuery: Explicit error handling for fetchNextPage/fetchPreviousPage HOT 3
- [vue-query]: invalid inferred type for computed queryKey `readonly unknown[]` in queryOptions HOT 1
- Infinite refetching when using `usePrefetchQuery` (`ensureQueryData`) with Suspense HOT 6
- Function passed to `notifyOnChangeProps` cannot return `undefined` HOT 2
- React Query isStale is not working after upgrading react-native to 0.74 HOT 1
- Unable to pass queryOptions to QueriesObserver (TypeScript error) HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from query.