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 Cao 2026-02-06 02:46:38 -08:00
parent 1b347531dc
commit 28c9c7d3ec
7 changed files with 17 additions and 19 deletions

View file

@ -55,7 +55,7 @@ export function TeamMemberAddForm({
<UserSelect teamId={teamId} />
</FormField>
<FormField name="role" label={formatMessage(labels.role)} rules={{ required: 'Required' }}>
<Select items={roles} renderValue={value => renderRole(value as any)}>
<Select renderValue={value => renderRole(value as any)}>
{roles.map(value => (
<ListItem key={value} id={value}>
{renderRole(value)}

View file

@ -40,7 +40,6 @@ export function JourneysPage({ websiteId }: { websiteId: string }) {
<WebsiteControls websiteId={websiteId} />
<Grid columns="repeat(3, 1fr)" gap>
<Select
items={JOURNEY_STEPS}
label={formatMessage(labels.steps)}
value={steps}
defaultValue={steps}

View file

@ -152,7 +152,6 @@ export function CompareTables({ websiteId }: { websiteId: string }) {
<>
<Row width="300px">
<Select
items={items}
label={formatMessage(labels.compare)}
value={view}
defaultValue={view}