From dda3242e1a5a963fbe608503006d21cc49ff8c5b Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 29 Apr 2025 19:40:38 -0400
Subject: [PATCH] fix: ensure consistent array handling in RSVPForm items
 selection

---
 frontend/src/components/RSVPForm.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/RSVPForm.tsx b/frontend/src/components/RSVPForm.tsx
index 4711c3b..505c421 100644
--- a/frontend/src/components/RSVPForm.tsx
+++ b/frontend/src/components/RSVPForm.tsx
@@ -202,20 +202,16 @@ const RSVPForm: React.FC = () => {
                   <Select
                     multiple
                     name="items_bringing"
-                    value={formData.items_bringing}
+                    value={formData.items_bringing || []}
                     onChange={handleItemsChange}
                     input={<OutlinedInput label="What items are you bringing?" />}
-                    renderValue={(selected) => (
+                    renderValue={(selected: string[]) => (
                       <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
-                        {Array.isArray(selected) ? selected.map((value) => (
+                        {(selected || []).map((value) => (
                           <Typography key={value} variant="body2">
                             {value}
                           </Typography>
-                        )) : (
-                          <Typography variant="body2">
-                            {selected}
-                          </Typography>
-                        )}
+                        ))}
                       </Box>
                     )}
                   >