From 9a4a7367c7108e8a4d651a2e4f48a8889a9591e7 Mon Sep 17 00:00:00 2001
From: Starstrike <ryderjj89@outlook.com>
Date: Tue, 29 Apr 2025 20:06:51 -0400
Subject: [PATCH] Fix Select renderValue type handling

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

diff --git a/frontend/src/components/RSVPForm.tsx b/frontend/src/components/RSVPForm.tsx
index 2e5ce35..5a47fe9 100644
--- a/frontend/src/components/RSVPForm.tsx
+++ b/frontend/src/components/RSVPForm.tsx
@@ -206,11 +206,13 @@ const RSVPForm: React.FC = () => {
                     value={formData.items_bringing || []}
                     onChange={handleItemsChange}
                     input={<OutlinedInput label="What items are you bringing?" />}
-                    renderValue={(selected) => {
-                      const selectedArray = Array.isArray(selected) ? selected : [];
+                    renderValue={(selected: unknown) => {
+                      if (!selected || !Array.isArray(selected) || selected.length === 0) {
+                        return null;
+                      }
                       return (
                         <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
-                          {selectedArray.map((value) => (
+                          {selected.map((value: string) => (
                             <Typography key={value} variant="body2">
                               {value}
                             </Typography>