fix: Use correct keys for state sync (#759)

Closes #758.

Author: franky47

packages/e2e/next/cypress/e2e/repro-758.cy.js

@@ -0,0 +1,12 @@
+/// <reference types="cypress" />
+
+describe('repro-758', () => {
+  it('honors urlKeys when navigating back after a push', () => {
+    cy.visit('/app/repro-758')
+    cy.contains('#hydration-marker', 'hydrated').should('be.hidden')
+    cy.get('button').click()
+    cy.get('#state').should('have.text', 'test')
+    cy.go('back')
+    cy.get('#state').should('be.empty')
+  })
+})

packages/e2e/next/src/app/app/repro-758/page.tsx

@@ -0,0 +1,34 @@
+'use client'
+
+import { parseAsString, useQueryStates } from 'nuqs'
+import { Suspense } from 'react'
+
+export default function Page() {
+  return (
+    <Suspense>
+      <Client />
+    </Suspense>
+  )
+}
+
+function Client() {
+  const [{ query }, setSearchParams] = useQueryStates(
+    {
+      query: parseAsString
+    },
+    {
+      history: 'push',
+      urlKeys: {
+        query: 'q'
+      }
+    }
+  )
+  return (
+    <>
+      <button onClick={() => setSearchParams({ query: 'test' })}>
+        Set query
+      </button>
+      <p id="state">{query}</p>
+    </>
+  )
+}

packages/nuqs/src/useQueryStates.ts

@@ -123,7 +123,7 @@ export function useQueryStates<KeyMap extends UseQueryStatesKeysMap>(
     )
     setInternalState(state)
   }, [
-    Object.keys(resolvedUrlKeys)
+    Object.values(resolvedUrlKeys)
       .map(key => initialSearchParams?.get(key))
       .join('&')
   ])