Authenticate UI users

1 files changed, 2 insertions, 15 deletions

diff --git a/client/src/components/RsvpForm.tsx b/client/src/components/RsvpForm.tsx
index 71db0d8..9ac2d53 100644
--- a/client/src/components/RsvpForm.tsx
+++ b/client/src/components/RsvpForm.tsx
@@ -16,20 +16,6 @@ import { useForm, Controller, useFieldArray } from 'react-hook-form';
 import { useUpdateGuestMutation } from '../apiSlice';
 import type { Guest } from '../apiSlice';
 
-type FormValues = {
-  id: number;
-  firstName: string;
-  lastName: string;
-  attendance: string;
-  email: string;
-  partySize: number;
-  message: string;
-  partyList: {
-    firstName: string;
-    lastName: string;
-  }[];
-};
-
 function RsvpForm() {
   const [updateGuest] = useUpdateGuestMutation();
   const guest: Guest = useOutletContext();
@@ -41,7 +27,7 @@ function RsvpForm() {
     control,
     watch,
     formState: { errors },
-  } = useForm<FormValues>({
+  } = useForm<Guest>({
     defaultValues: {
       id: guest?.id,
       firstName: guest?.firstName,
@@ -163,6 +149,7 @@ function RsvpForm() {
             helperText={errors.partySize?.message}
             required
             {...register('partySize', {
+              valueAsNumber: true,
               onChange: handleParty,
               required: 'This field is required',
               min: { value: 1, message: 'Please enter a positive integer' },