The state of the filtered list does not match the visible filter state

[ivan-kardash]

Describe the Bug

There is a need set up default filter for collection, that can be removed by user.

admin -> baseListFilter doesn’t suit her because it cannot be removed.

I decided to implement my own component that sets up a default filter by updating query string parameters using useEffect. It works, and the list is filtered, but if the filter is collapsed, it does not update when the query string parameters change and user does not see actual state

Link to the code that reproduces this issue

https://github.com/ivan-kardash/empty-filter-state/tree/main/src

Reproduction Steps

Steps:
• Create a user with the admin role.
• Create a user with the editor role.
• Update the list with a collapsed filter.

AS IS:
The list is filtered, but after unfolding, the filter is empty.
With an unfolded filter, it works correctly (check the attached video).

SHOULD BE:
The list is filtered, and after unfolding, the filter should maintain a valid state (check the attached video).

Attach
https://github.com/user-attachments/assets/97b41e7b-7b2d-4b15-974d-08944b3b5409

Which area(s) are affected? (Select all that apply)

area: ui

Environment Info

Binaries:
  Node: 20.15.0
  npm: 10.7.0
  Yarn: 1.22.22
  pnpm: 9.15.2
Relevant Packages:
  payload: 3.9.0
  next: 15.1.0
  @payloadcms/db-postgres: 3.9.0
  @payloadcms/email-nodemailer: 3.9.0
  @payloadcms/graphql: 3.9.0
  @payloadcms/next/utilities: 3.9.0
  @payloadcms/payload-cloud: 3.9.0
  @payloadcms/richtext-lexical: 3.9.0
  @payloadcms/translations: 3.9.0
  @payloadcms/ui/shared: 3.9.0
  react: 19.0.0
  react-dom: 19.0.0