Use useState to set the value entered in the form

Question

I'm trying to use useState to set the value of an input, but it's not working the way I want.

So I created a weekly schedule using Formik for an appointment system. I have a radio button for free appointments. When selected, I get the time data for the appointment. But I didn't get this day. So I tried adding another input to get daily data. I set the entered value to the state. When the radio button is selected it sets the date. But onSubmit I get the initial value instead of the newly set value. Interestingly, when I try to write something in the input, it returns the value I want for the last key I pressed. But if I do nothing it just returns the initial value.

Initial value of my form:

const [day, setDay] = useState("Gün");

<Formik
    onSubmit={handleFormSubmit}
    initialValues={{
    firstname: "",
    lastname: "",
    email: "",
    date: "",
    day: day,
    }}
>

I set the status of the radio button:

<Field
    type="radio"
    name="date"
    value={x.monPm3Time}
    onClick={() => {
        setDay("Pazartesi");
    }}
/>

The value of my input is set to state:

<Field
    id="day"
    name="day"
    value = {day}
/>

My handleSubmit function (I'm just logging them now to see if it works):

const handleFormSubmit = async (values) => {
        console.log(values);
        // fetch("http://localhost:5000/api/appointment", {
        // method: "POST",
        // body: values,
        // headers: {
        // Authorization: "Bearer " token,
        // },
        // })
        // .then((res) => {
        // console.log(res.status);
        // })
        // .catch((err) => {
        // console.log(err);
        // });
}

Answer 1

So I tried replicating (to the best of my ability) your problem in the code editor and I was able to change the text in the input when the radio button is clicked. You can find my implementation here: https://stackblitz.com/edit /react-b5rvzg?file=src/App.js

I also believe you are not passing anything to your handleFormSubmit function, so you won't see anything. I could be wrong as I don't fully understand how your code is set up