From d7030a2c3300464b96f7576a223cc3e5af500ff1 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 29 Apr 2025 19:18:11 -0400
Subject: [PATCH] fix: handle both array and string cases in RSVPForm
 renderValue function

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

diff --git a/frontend/src/components/RSVPForm.tsx b/frontend/src/components/RSVPForm.tsx
index a4189d3..679d189 100644
--- a/frontend/src/components/RSVPForm.tsx
+++ b/frontend/src/components/RSVPForm.tsx
@@ -207,11 +207,15 @@ const RSVPForm: React.FC = () => {
                     input={<OutlinedInput label="What items are you bringing?" />}
                     renderValue={(selected) => (
                       <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
-                        {selected.map((value) => (
+                        {Array.isArray(selected) ? selected.map((value) => (
                           <Typography key={value} variant="body2">
                             {value}
                           </Typography>
-                        ))}
+                        )) : (
+                          <Typography variant="body2">
+                            {selected}
+                          </Typography>
+                        )}
                       </Box>
                     )}
                   >