Fix Select renderValue type handling
This commit is contained in:
@@ -206,11 +206,13 @@ const RSVPForm: React.FC = () => {
|
|||||||
value={formData.items_bringing || []}
|
value={formData.items_bringing || []}
|
||||||
onChange={handleItemsChange}
|
onChange={handleItemsChange}
|
||||||
input={<OutlinedInput label="What items are you bringing?" />}
|
input={<OutlinedInput label="What items are you bringing?" />}
|
||||||
renderValue={(selected) => {
|
renderValue={(selected: unknown) => {
|
||||||
const selectedArray = Array.isArray(selected) ? selected : [];
|
if (!selected || !Array.isArray(selected) || selected.length === 0) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
return (
|
return (
|
||||||
<Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
|
<Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
|
||||||
{selectedArray.map((value) => (
|
{selected.map((value: string) => (
|
||||||
<Typography key={value} variant="body2">
|
<Typography key={value} variant="body2">
|
||||||
{value}
|
{value}
|
||||||
</Typography>
|
</Typography>
|
||||||
|
|||||||
Reference in New Issue
Block a user