Array of stored rooms to process
Optionaloptions: UseRoomFiltersOptionsOptional configuration (e.g., storageKey for localStorage persistence)
Search/sort/filter state, processed rooms, and control functions
import { useRoomFilters } from '@hiyve/react-rooms';
function RoomDashboard({ rooms }) {
const {
searchQuery, setSearchQuery,
sortBy, setSortBy,
filterBy, setFilterBy,
processedRooms,
clearFilters,
activeFiltersCount,
} = useRoomFilters(rooms, { storageKey: 'my-rooms' });
return (
<div>
<input value={searchQuery} onChange={e => setSearchQuery(e.target.value)} />
{processedRooms.map(room => <RoomCard key={room.id} room={room} />)}
</div>
);
}
Client-side search, sort, and filter for stored rooms.