Questions tagged [tanstack]
The tanstack tag has no usage guidance.
tanstack
168
questions
0
votes
0
answers
90
views
Columns setup giving strange behaviour with react-table (Tanstack Table v8)
Some column attributes when changed slightly in the given data, will completely break the table and I have no idea why.
For context, I have a habit tracker table, where each cell contains a checkbox ...
0
votes
0
answers
72
views
how to add default checked rows in shadcn data table?
https://ui.shadcn.com/docs/components/data-table I use data table from shadcn on top of tanstack table. I have set logic where you can create or edit set of products. I'm getting all products and ...
0
votes
0
answers
39
views
Using Jotai with Tanstack Query and KindeAuth JWT in atomWithQuery
I am trying to use the TanStack Query extension to Jotai. The direct integration to the state management is sweet, but the limitations with not being a top level function for react hooks seems ...
0
votes
0
answers
95
views
Shadcn ComboBox form + Virtualized TanSack list in NextJs14 application
I have a client component in nextjs that implements a form which contains a dropdown coupled with search properties, it uses the fammous shadcn library + some tanstack virtualizer because the list of ...
4
votes
2
answers
82
views
How to search for multiple strings with AND using JS filter in reactable?
My question is the following. I am trying to create a reactable with R, and I basically want the search bar to be able to global search for multiple strings separated by a whitespace; so for example, ...
1
vote
1
answer
70
views
Querying data with React Query and React Table causes page crash
I'm developing an app with React Query and React Table but table seems to break when I change the query key, thus causing the website to crash.
I opened an issue on their GH but I still have no ...
0
votes
0
answers
107
views
Tanstack Router does not render redirected route after query error
I am using @tanstack/react-router and @tanstack/react-query in my React application. I have set up a QueryClient to handle errors and redirect to a login page if a 401 Unauthorized error occurs. ...
0
votes
1
answer
35
views
Wrong version of Tanstack Query DevTools is showing
I've installed the latest version (v5) of the devtools by using the following command
$ npm i @tanstack/react-query-devtools
While I expected a palm tree icon for opening the tools, my browser is ...
0
votes
0
answers
84
views
Is there a way to group rows by a nested data using TanStack table v8?
It appears that Tanstack Table cannot group rows based on nested data.
this is my document structure
type Team = {
id:number;
name:string;
number_players : number;
}
type Person = {
id:number;
age:...
3
votes
1
answer
468
views
How to implement server-side pagination with TanStack Table and trigger data fetch on page change?
I am trying to implement server-side pagination using TanStack Table in my Next.js project. I have followed the instructions provided in the TanStack Table documentation. The table is displaying ...
0
votes
0
answers
29
views
React Typewriter-effect doesn't work properly on mutation
in this code the new answer comes from a mutation function from tanstack query. I want an effect like chatgpt to run the code only if the answer is new but this simple typewriter won't run even ...
-1
votes
1
answer
119
views
React Query useQuery can't trigger repeat call on click
I have a table of info where each row has a button to trigger a useQuery that will eventually open a new tab where more info about that row can be seen.
I can trigger the call to work as expected the ...
1
vote
0
answers
27
views
i use tanstack react query and in this i use useInfiniteQuery now i want to do invalidatequery for particuler page how to do this?
enter image description here
When you invalidate queries, you essentially tell your caching mechanism to refresh the data it has stored. However, if you invalidate all queries upon update, it triggers ...
1
vote
0
answers
452
views
How to improve scroll performance of react tanstack table with virtualization?
We're having a big problem in our app where the each row rendering in our table adds a high overhead and blocks the JS main thread with long tasks, making the app feel over slow and sluggish. We're ...
1
vote
0
answers
59
views
TypeError in Tanstack Query React
I am new to react tanstack query and I am building a todo list app to reinforce the concepts that I am learning. The todos are coming from DummyJson API -https://dummyjson.com/docs/todos. The response ...