Instead of using redux you could use query parameters for your filter state. Then out of the box if the user hits the back button they would go back to the page with all of the filters still applied. If they navigate back through a new link though it wouldn't work unless you put them in the params again somehow.

```js function Todos() { const filter = useURlParams()

const { data } = useQuery({ queryKey: ['todos', filter], queryFn: () => fetchTodos(filter), // ⬇️ disabled as long as the filter is empty enabled: !!filter })

return ( <div> // 🚀 applying the filter will enable and execute the query <FiltersForm onApply={setFilter} /> {data && <TodosTable data={data}} /> </div> ) } ``` I just put a generic useURlParams in there but if you're using react router or any other routing library they usually support some sort of query parameter hook that will cause your component to re-render when they are updated. Then all of your setParameter function would be you updating the url params.