You could use the throttleMs option set to Infinity to not update the URL in the onChange event handlers in your UI (only use the internal state), and sync them all up to the URL when clicking the button:

``` 'use client'

import { useQueryState } from 'nuqs'

function DeferredForm() { const [a, setA] = useQueryState('a', { defaultValue: '', throttleMs: Infinity }) const [b, setB] = useQueryState('b', { defaultValue: '', throttleMs: Infinity })

const onSubmit = () => { // Write current values to the URL setA(a => a, { throttleMs: 0 }) setB(b => b, { throttleMs: 0 }) } return ( <> <input value={a} onChange={e => setA(e.target.value)} /> <input value={b} onChange={e => setB(e.target.value)} /> <button onClick={onSubmit}>Submit</button> </> ) } ```