Convenient search param setter?
Heya,
I was playing around a bit with updating search params when using inputs and selects and I wondered if there is any conventient way to update search params?
Right now I assume I have to use
Before trying out tanstack router I was using a convenient hook (also typed) where I would call
e.g.
If there is no convenient way is there maybe some kind of utility types that I can use to extract the navigate params? Then I could create my own utility hook that returns a similar structure to easily set and toggle search params without needing to create handlers for every onChange prop..
e.g. something like
Also maybe a general question: Is this even a good idea? I'm always a friend of having useful gimmick hooks that make writing the actual component markup concise and easy to read.. But maybe there are good points against abstracting away the "main" way to use the tanstack router?
I was playing around a bit with updating search params when using inputs and selects and I wondered if there is any conventient way to update search params?
Right now I assume I have to use
navigate({ search: prev => ({ ...prev, property: value }))Before trying out tanstack router I was using a convenient hook (also typed) where I would call
pageSettings.property.setValuee.g.
pageSettings.property.toggleValueIf there is no convenient way is there maybe some kind of utility types that I can use to extract the navigate params? Then I could create my own utility hook that returns a similar structure to easily set and toggle search params without needing to create handlers for every onChange prop..
e.g. something like
Also maybe a general question: Is this even a good idea? I'm always a friend of having useful gimmick hooks that make writing the actual component markup concise and easy to read.. But maybe there are good points against abstracting away the "main" way to use the tanstack router?
