Use startTransition for delete refresh and fix filter updates
- DeleteItemButton now uses startTransition for router.refresh() - ListDetailView re-applies filters when initialItems changes - This ensures deleted items disappear after refresh completes - Transition provides better React 18 concurrent rendering support
This commit is contained in:
@@ -144,14 +144,10 @@ export default function ListDetailView({
|
||||
})
|
||||
|
||||
// Update filtered items when initialItems changes (after refresh)
|
||||
useEffect(() => {
|
||||
setFilteredItems(initialItems)
|
||||
}, [initialItems])
|
||||
|
||||
// Apply initial filters on mount
|
||||
// Re-apply filters to the new data
|
||||
useEffect(() => {
|
||||
handleFiltersCallback(filters)
|
||||
}, []) // Only run on mount
|
||||
}, [initialItems, handleFiltersCallback, filters])
|
||||
|
||||
// Determine which items to display
|
||||
const displayItems = debouncedQuery.trim() ? searchResults : filteredItems
|
||||
|
||||
Reference in New Issue
Block a user