test: Add failing test for issue 774

Author: franky47

Diff for: packages/e2e/next/cypress/e2e/repro-774.cy.js

@@ -0,0 +1,17 @@
+/// <reference types="cypress" />
+
+describe('repro-774', () => {
+  it('updates internal state on navigation', () => {
+    cy.visit('/app/repro-774')
+    cy.contains('#hydration-marker', 'hydrated').should('be.hidden')
+    cy.get('#trigger-a').click()
+    cy.get('#value-a').should('have.text', 'a')
+    cy.get('#value-b').should('be.empty')
+    cy.get('#link').click()
+    cy.get('#value-a').should('be.empty')
+    cy.get('#value-b').should('be.empty')
+    cy.get('#trigger-b').click()
+    cy.get('#value-a').should('be.empty')
+    cy.get('#value-b').should('have.text', 'b')
+  })
+})

Diff for: packages/e2e/next/src/app/app/repro-774/page.tsx

@@ -0,0 +1,41 @@
+'use client'
+
+import Link from 'next/link'
+import { parseAsString, useQueryStates } from 'nuqs'
+import { Suspense } from 'react'
+
+export default function Home() {
+  return (
+    <>
+      <nav>
+        <Link id="link" href="/app/repro-774">
+          Reset
+        </Link>
+      </nav>
+      <Suspense>
+        <Client />
+      </Suspense>
+    </>
+  )
+}
+
+const searchParams = {
+  a: parseAsString.withDefault(''),
+  b: parseAsString.withDefault('')
+}
+
+function Client() {
+  const [{ a, b }, setSearchParams] = useQueryStates(searchParams)
+  return (
+    <>
+      <button onClick={() => setSearchParams({ a: 'a' })} id="trigger-a">
+        Set A
+      </button>
+      <button onClick={() => setSearchParams({ b: 'b' })} id="trigger-b">
+        Set B
+      </button>
+      <span id="value-a">{a}</span>
+      <span id="value-b">{b}</span>
+    </>
+  )
+}