on-search-live-preview

import { useSelect } from "@refinedev/mantine";
import { Select } from "@mantine/core";

interface ICategory {
    id: number;
    title: string;
}

const ProductCreate: React.FC = () => {
    const { selectProps } = useSelect<ICategory>({
        resource: "categories",
        onSearch: (value) => [
            {
                field: "title",
                operator: "contains",
                value,
            },
        ],
    });

    return (
        <Select
            label="Category"
            placeholder="Select a category"
            withinPortal
            {...selectProps}
        />
    );
};