@makerinc/react-sdk
    Preparing search index...

    Function useSearchProducts

    • Hook for full-text product search with cursor-based pagination and Load More

      Parameters

      Returns UseSearchProductsResult

      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>
      );
      }