test: Add failing test for repro 760

Author: franky47

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

@@ -0,0 +1,14 @@
+/// <reference types="cypress" />
+
+describe('repro-760', () => {
+  it('supports dynamic default values', () => {
+    cy.visit('/app/repro-760')
+    cy.contains('#hydration-marker', 'hydrated').should('be.hidden')
+    cy.get('#value-a').should('have.text', 'a')
+    cy.get('#value-b').should('have.text', 'b')
+    cy.get('#trigger-a').click()
+    cy.get('#trigger-b').click()
+    cy.get('#value-a').should('have.text', 'pass')
+    cy.get('#value-b').should('have.text', 'pass')
+  })
+})

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

@@ -0,0 +1,44 @@
+'use client'
+
+import { parseAsString, useQueryState, useQueryStates } from 'nuqs'
+import { Suspense, useState } from 'react'
+
+export default function Page() {
+  return (
+    <Suspense>
+      <DynamicUseQueryState />
+      <DynamicUseQueryStates />
+    </Suspense>
+  )
+}
+
+function DynamicUseQueryState() {
+  const [defaultValue, setDefaultValue] = useState('a')
+  const [value] = useQueryState('a', parseAsString.withDefault(defaultValue))
+  return (
+    <section>
+      <button id="trigger-a" onClick={() => setDefaultValue('pass')}>
+        Trigger
+      </button>
+      <span id="value-a">{value}</span>
+    </section>
+  )
+}
+
+function DynamicUseQueryStates() {
+  const [defaultValue, setDefaultValue] = useState('b')
+  const [{ value }] = useQueryStates(
+    {
+      value: parseAsString.withDefault(defaultValue)
+    },
+    { urlKeys: { value: 'b' } }
+  )
+  return (
+    <section>
+      <button id="trigger-b" onClick={() => setDefaultValue('pass')}>
+        Trigger
+      </button>
+      <span id="value-b">{value}</span>
+    </section>
+  )
+}