From 4bf54e54c08f50f31183ee92041112689d429fb7 Mon Sep 17 00:00:00 2001
From: Starstrike <ryderjj89@outlook.com>
Date: Thu, 1 May 2025 08:35:09 -0400
Subject: [PATCH] Fix TypeScript errors in EventForm for FormData handling

---
 frontend/src/components/EventForm.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/EventForm.tsx b/frontend/src/components/EventForm.tsx
index 239170d..f4ff87a 100644
--- a/frontend/src/components/EventForm.tsx
+++ b/frontend/src/components/EventForm.tsx
@@ -12,14 +12,22 @@ import {
 } from '@mui/material';
 import axios from 'axios';
 
+interface FormData {
+  title: string;
+  description: string;
+  date: string;
+  location: string;
+  needed_items: string[];
+}
+
 const EventForm: React.FC = () => {
   const navigate = useNavigate();
-  const [formData, setFormData] = useState({
+  const [formData, setFormData] = useState<FormData>({
     title: '',
     description: '',
     date: '',
     location: '',
-    needed_items: [] as string[],
+    needed_items: [],
   });
   const [wallpaper, setWallpaper] = useState<File | null>(null);
   const [currentItem, setCurrentItem] = useState('');
@@ -71,7 +79,7 @@ const EventForm: React.FC = () => {
         if (key === 'needed_items') {
           submitData.append(key, JSON.stringify(value));
         } else {
-          submitData.append(key, value);
+          submitData.append(key, String(value));
         }
       });