Tengo una página que muestra una lista de elementos. Estos elementos están paginados y se pueden buscar, filtrar y ordenar.

 IndexComponent -> SidebarComponent -> FilterComponentA -> OrderComponentB -> ListContainerComponent -> SearchComponent -> PaginatedListComponent

Hay varios componentes aquí que tienen un estado relacionado con la lista que quiero en la useSearchParams() para react-router la página/compartir URL, etc. diferentes versiones de los searchParams de búsqueda y terminan anulándose entre sí debido a la inmutabilidad.

¿Cuál es la mejor manera de manejar esta situación para que tengamos re-renderizaciones o cambios de estado mínimos, sin tener que codificar en el estado secundario en los componentes principales (SidebarComponent no debería necesitar saber si agregamos una opción de filtro adicional)?