import { useState } from 'react'; import { useSelector } from 'react-redux'; import { Button, FormControl, FormControlLabel, FormLabel, Grid, MenuItem, Select, Radio, RadioGroup, TextField, Typography } from '@mui/material'; import { useForm, Controller } from 'react-hook-form'; import { DevTool } from '@hookform/devtools'; import { useGetGuestsQuery, useUpdateGuestMutation } from '../apiSlice'; function RsvpForm() { const { data: guests, isLoading, isSuccess, isError, error } = useGetGuestsQuery(); const [updateGuest] = useUpdateGuestMutation(); const { register, handleSubmit, control, formState: { isDirty, isValid, errors } } = useForm({ defaultValues: { attendance: '', mealPreference: '', dietaryRestrictions: '', plusOne: '', marriageAdvice: '' } }); const onSubmit = async (data) => { console.log(data); updateGuest({...data}); }; return (
); } export default RsvpForm;