filtersuseAutocompleteuseAutocompleteuseAutocompleteuseListuseListuseListuseCustomuseCustomuseCustomuseAutocomplete({
filters: [
{
field: "isActive",
operator: "eq",
value: true,
},
],
}); import { useList, HttpError } from "@refinedev/core";
interface IProduct {
id: number;
name: string;
material: string;
}
const ProductList: React.FC = () => {
const { data, isLoading, isError } = useList<IProduct, HttpError>({
resource: "products",
filters: [
{
field: "isActive",
operator: "eq",
value: true,
},
],
});
const products = data?.data ?? [];
if (isLoading) {
return <div>Loading...</div>;
}
if (isError) {
return <div>Something went wrong!</div>;
}
return (
<div>
<ul>
{products.map((product) => (
<li key={product.id}>
<h4>{product.name}</h4>
</li>
))}
</ul>
</div>
);
}; useCustom({
config: {
filters: [
{
field: "isActive",
operator: "eq",
value: true,
},
],
},
});