disable select dropdown search from rerunning table query
@kapa.ai How can I keep the select dropdown search from rerunning the associated table query?
useSelect hook from refine with Mantine or Ant Design:onSearch function as undefined and managing the search input state on the client-side:onSearch to undefined and managing the searchValue and onSearchChange properties, you ensure that the search input does not trigger a server-side query, thus keeping the select dropdown search from rerunning the associated table query.useSelect documentation (https://refine.dev/docs/ui-integrations/mantine/hooks/use-select/#onsearch) and the Ant Design useSelect documentation (https://refine.dev/docs/ui-integrations/ant-design/hooks/use-select/#debounce).useSelectuseSelectuseSelectonSearchonSearchsearchValueonSearchChangeimport { useSelect } from "@refinedev/mantine";
import { Select } from "@mantine/core";
import { useState } from "react";
const ProductCreate: React.FC = () => {
const { selectProps } = useSelect({
resource: "categories",
});
const [searchValue, setSearchValue] = useState("");
return (
<Select
{...selectProps}
onSearch={undefined}
onSearchChange={setSearchValue}
searchValue={searchValue}
/>
);
}; import { useSelect } from "@refinedev/antd";
import { Select } from "antd";
import { useState } from "react";
const ProductCreate: React.FC = () => {
const { selectProps } = useSelect({
resource: "categories",
});
const [searchValue, setSearchValue] = useState("");
return (
<Select
{...selectProps}
showSearch
onSearch={undefined}
onSearchChange={setSearchValue}
searchValue={searchValue}
/>
);
};