function SearchPage() {
const [searchQuery, setSearchQuery] = useState('');
const { data, isLoading, loadMore, hasMore } = useSearchProducts({
query: searchQuery,
limit: 20
});
return (
<div>
<input
type="text"
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
placeholder="Search products..."
/>
{isLoading && <div>Searching...</div>}
{data?.products.map(product => (
<ProductCard key={product.id} product={product} />
))}
{hasMore && <button onClick={loadMore}>Load More</button>}
</div>
);
}
Hook for full-text product search with cursor-based pagination and Load More