useSelect filter not working
Hello, I'm trying to filter the return of useSelect by using its filters prop. However, the output is not being filtered at all.
```javascript
const [skillLevel, setSkillLevel] = React.useState(0);
const { options } = useSelect<Spell>({
resource: "spells",
optionLabel: "name",
optionValue: "id",
filters: [
{
field: "level",
operator: "eq",
value: skillLevel
}
]
});
<Controller
name="spellLevel"
control={control}
defaultValue={0}
render={({ field }) => (
<FormControl>
<InputLabel>Spell Level</InputLabel>
<Select
{...field}
style={{ height: '50px', minWidth: '200px' }}
onChange={(e) => {
field.onChange(e);
setSkillLevel(e.target.value);
}}
>
{spellLevels.map((level) => (
<MenuItem key={level} value={level}>
{level}
</MenuItem>
))}
</Select>
</FormControl>
)}
/>
<Controller
name="spell"
control={control}
defaultValue=""
render={({ field }) => (
<FormControl>
<InputLabel>Spell</InputLabel>
<Select {...field} style={{ height: '50px', minWidth: '200px' }}>
{options
.map((option) => (
<MenuItem key={option.value} value={option.value}>
{option.label}
</MenuItem>
))}
</Select>
```javascript
const [skillLevel, setSkillLevel] = React.useState(0);
const { options } = useSelect<Spell>({
resource: "spells",
optionLabel: "name",
optionValue: "id",
filters: [
{
field: "level",
operator: "eq",
value: skillLevel
}
]
});
<Controller
name="spellLevel"
control={control}
defaultValue={0}
render={({ field }) => (
<FormControl>
<InputLabel>Spell Level</InputLabel>
<Select
{...field}
style={{ height: '50px', minWidth: '200px' }}
onChange={(e) => {
field.onChange(e);
setSkillLevel(e.target.value);
}}
>
{spellLevels.map((level) => (
<MenuItem key={level} value={level}>
{level}
</MenuItem>
))}
</Select>
</FormControl>
)}
/>
<Controller
name="spell"
control={control}
defaultValue=""
render={({ field }) => (
<FormControl>
<InputLabel>Spell</InputLabel>
<Select {...field} style={{ height: '50px', minWidth: '200px' }}>
{options
.map((option) => (
<MenuItem key={option.value} value={option.value}>
{option.label}
</MenuItem>
))}
</Select>
