Fix Select component usage by removing items prop and render functions.

Replace render function children with mapped ListItem elements and remove
the unsupported items prop across all Select instances.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mike CaoandClaude Opus 4.6 committed 2026-02-06 02:46:38 -08:00
1 parent 1b347531dc
commit 28c9c7d3ec
7 files changed
+17 -19

No files matched your search

+5 -10
View File
@@ -66,25 +66,20 @@ export function FilterRecord({
<Label>{fields.find(f => f.name === name)?.label}</Label>
<Grid columns="1fr auto" gap>
<Grid columns={{ base: '1fr', md: '200px 1fr' }} gap>
<Select
items={operators.filter(({ type }) => type === 'string')}
value={operator}
onChange={handleSelectOperator}
>
{({ name, label }: any) => {
return (
<Select value={operator} onChange={handleSelectOperator}>
{operators
.filter(({ type }) => type === 'string')
.map(({ name, label }: any) => (
<ListItem key={name} id={name}>
{label}
</ListItem>
);
}}
))}
</Select>
{isSearch && (
<TextField value={selected} defaultValue={selected} onChange={handleSelectValue} />
)}
{!isSearch && (
<Select
items={items}
value={selected}
onChange={handleSelectValue}
searchValue={search}