Table Search
Im having an error over the user-management search (bootstrap & react version).
The search freeze and collapse all the application. Try the search input over the "Users Lists"
https://preview.keenthemes.com/metronic8/react/demo1/apps/user-management/users
Replies (1)
Hi
The issue is in UsersListSearchComponent.tsx on line 19. Spreading initialQueryState resets pagination, filters, and other query state, causing a loop and freeze.
Here is the workaround:
Open src/app/modules/apps/user-management/users-list/components/header/UsersListSearchComponent.tsx
Replace lines 16-24 with:
// Effect for API call
useEffect(
() => {
// Only update search and reset page to 1, preserve other query state
updateState({search: debouncedSearchTerm || "", page: 1})
}, Removes ...initialQueryState to avoid resetting the entire state
Updates only the search property
Resets page to 1 when searching (common UX pattern)
Preserves filters, sorting, and other query parameters