payloadcms / payloadcms/payload

Query Presets || [Admin UI] Query Preset reset updates URL and list results but does not re-sync Filter UI inputs

Open
#17,585 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

area: ui status: needs-triage v3
Dominant language
TypeScript
Stars
44.8k
Forks
4.2k
Avg merge
2d 21h
Merged PRs (30d)
53

Description

Description

In the standard Admin UI List View, when selecting a Query Preset, modifying filter inputs, and subsequently clicking Reset, the list table re-fetches and the URL search parameters update as expected. However, the internal form state of the Filter UI (WhereBuilder) does not re-sync with the updated URL parameters. The inputs remain stuck on the previously modified values until the page is hard-reloaded.

Link to the code that reproduces this issue

https://github.com/sanjatul/Payload-Query-Preset-Admin-UI-Issue

Reproduction Steps

Steps to Reproduce

  • Open any collection List View in the Admin UI with Query Presets configured.

  • Select a Query Preset.

  • Change or add a filter value in the Filter UI drawer/controls.

  • Click the Reset option on the Query Preset or filter controls.

  • Observe: The list table updates and the browser URL (searchParams) reflects the reset state.

  • Bug: Open or inspect the Filter UI—the input fields are still displaying the modified filter values from Step 3 rather than resetting to match the URL.

  • Perform a manual browser refresh (F5 / Cmd+R) -> The Filter UI now correctly reflects the reset filter state.

Expected Behavior

The Filter UI controls should reactively subscribe to changes in the list query context / URL search parameters and update their local input states on reset without requiring a full browser page re-render.

Actual Behavior

The list table and URL state update correctly, but the Filter UI component retains its local React form state across the reset event.

Which area(s) are affected?

area: ui

Environment Info
Environement

react: 19.2.6

react-dom: 19.2.6

@payloadcms/ui Version: 3.84.1

Next.js Version: 15.4.10 (App Router)

React Version: 19.1.4

Database Adapter: @payloadcms/db-mongodb (3.84.1)

Browser: Chrome / Firefox / Edge

OS: Windows / macOS

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the standard Admin UI List View and the Filter UI's WhereBuilder, reproducing the Query Preset reset flow described in the issue. Trace how URL search parameters and list query context changes reach the Filter UI and compare them with its local form state. Done means reset updates the filter inputs without a full page refresh, while the list and URL remain correct.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.